.pc-app{min-height:100vh;background:#f5f2eb;color:#38372f;font-family:Arial,Noto Sans SC,sans-serif;color-scheme:light}.pc-app *{box-sizing:border-box}.pc-main{max-width:1320px;margin:auto;padding:42px 36px 70px}.pc-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.pc-app h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(28px,3vw,40px);font-weight:500;margin:8px 0}.pc-app h2{font-size:20px;margin:12px 0}.pc-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#7f705b}.pc-account{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;overflow-wrap:anywhere}.pc-app button,.pc-primary{border:1px solid #c8c1b1;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;background:#fffcf6;color:#3c4035;text-decoration:none;display:inline-block}.pc-app button:hover:not(:disabled){border-color:#56634a;background:#eaeade}.pc-app button:disabled{cursor:not-allowed;opacity:.5}.pc-app button.pc-primary,.pc-app a.pc-primary{background:#495840;color:#fffdf8;border-color:#495840}.pc-app a:hover{text-decoration:underline}.pc-app :focus-visible{outline:3px solid #78846b;outline-offset:3px}.pc-save{display:flex;gap:12px;align-items:center;min-height:36px;font-size:13px;color:#67735c;margin:10px 0 22px}.pc-main{max-width:1120px;padding:18px 28px 24px}.pc-heading{margin-bottom:0}.pc-app h1{font-size:clamp(22px,2.2vw,30px);margin:2px 0}.pc-save{min-height:25px;margin:2px 0 10px}.pc-workbench{width:100%}.pc-postcard-shell{width:min(100%,930px,calc((100dvh - 235px)*1.5));margin:0 auto;padding:0 9px 9px 0;perspective:1600px}.pc-postcard{container-type:inline-size;--pc-tilt-x: 0deg;--pc-tilt-y: 0deg;width:100%;aspect-ratio:3 / 2;min-height:0;position:relative;overflow:hidden;border:1px solid #b9a992;box-shadow:9px 9px #dccdb5,0 18px 32px #65564016;background-image:repeating-linear-gradient(0deg,#76664907 0 1px,transparent 1px 11px);font-family:Georgia,"Noto Serif SC",serif;transform:rotateX(var(--pc-tilt-x)) rotateY(var(--pc-tilt-y));transition:transform .18s ease,box-shadow .18s ease}.pc-postcard:hover{box-shadow:9px 9px #dccdb5,0 25px 38px #65564024}.pc-front-face,.pc-back-face{height:100%;padding:6%;position:relative;animation:pc-face-turn .43s cubic-bezier(.18,.68,.22,1)}.pc-front-content{position:absolute;inset:0;pointer-events:none}.pc-front-content>*{pointer-events:auto}.pc-floating-panel{position:absolute;z-index:15;padding:15px;background:#fffcf2f5;border:1px solid #c8b9a2;box-shadow:5px 7px #b8a88e33,0 12px 28px #55473529;animation:pc-panel-in .22s ease-out;font-family:Arial,Noto Sans SC,sans-serif}.pc-stamp-column{position:absolute;inset:0}.pc-stamp-upload{display:block!important;cursor:pointer;height:100%;border:0;background:#f7f0df;transition:transform .26s ease,box-shadow .26s ease;position:relative}.pc-stamp-upload:hover,.pc-stamp-upload:focus-within{box-shadow:inset 0 0 0 2px #ad7e6966}.pc-stamp-window{display:block;height:100%;overflow:hidden;background:radial-gradient(ellipse at 14% 8%,#c28a68 0%,transparent 60%),radial-gradient(ellipse at 90% 88%,#586f68 0%,transparent 62%),linear-gradient(145deg,#a17058,#655a50 62%,#455951);position:relative}.pc-stamp-window img{max-width:none;width:100%;height:100%;object-fit:cover;display:block;animation:pc-stamp-arrive .45s cubic-bezier(.18,.68,.22,1)}.pc-stamp-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#fffaf0;text-align:center}.pc-stamp-empty small{font:10px Arial,Noto Sans SC,sans-serif;padding:0 4px}.pc-image-surface{position:absolute;inset:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.pc-app button.pc-image-surface,.pc-app button.pc-image-surface:hover:not(:disabled){border:0;border-radius:0;padding:0;background:transparent;cursor:grab}.pc-app button.pc-image-surface:disabled{opacity:1}.pc-app button.pc-image-dragging,.pc-app button.pc-image-dragging:hover:not(:disabled){cursor:grabbing}.pc-workbench .pc-choose-image{position:absolute;inset:0;cursor:pointer}.pc-workbench .pc-replace-image{position:relative;padding:8px 0;background:transparent;color:#64584b;cursor:pointer}.pc-stamp-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.pc-front-corners{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;gap:12px;pointer-events:none}.pc-front-corners>*{pointer-events:auto;min-width:0;max-width:55%}.pc-front-corners summary{border-radius:4px;padding:8px 10px!important;background:transparent!important;font-family:Arial,Noto Sans SC,sans-serif}.pc-paper-area{position:relative;flex-shrink:0}.pc-paper-area summary{list-style:none;cursor:pointer;color:#64584b;font-size:12px}.pc-paper-panel{bottom:calc(100% + 12px);right:0;width:170px}.pc-location-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-location-area,.pc-arrival-area{position:relative}.pc-front-corners .pc-location-trigger{list-style:none;cursor:pointer;display:flex!important;gap:8px;align-items:center;padding:8px 10px!important;border:0!important;background:transparent!important;color:#fff!important;text-shadow:0 1px 3px #000,0 0 5px #000;font-size:13px!important;text-align:left;max-width:320px}.pc-location-trigger svg{flex:none;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 2px #000);transition:transform .23s ease}.pc-location-trigger:hover svg,.pc-location-area[open] .pc-location-trigger svg{transform:translateY(-3px)}.pc-location-panel{bottom:calc(100% + 12px);left:0;width:min(275px,calc(100vw - 84px))}.pc-arrival-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pc-back-content{display:grid;grid-template-columns:57% 43%;height:100%}.pc-message-area{padding-right:7%;display:flex;flex-direction:column;gap:2cqw;min-height:0}.pc-message-area>label:last-child{flex:1;display:flex;flex-direction:column;min-height:0}.pc-message-area textarea{flex:1}.pc-postal-code{position:relative;align-self:start}.pc-workbench .pc-postal-code input{position:absolute;inset:18px 0 0;height:calc(100% - 18px);opacity:0;z-index:1}.pc-postal-boxes{display:flex;gap:5px}.pc-postal-boxes>span{width:clamp(22px,3vw,34px);height:clamp(28px,3.6vw,42px);border:1px solid #ad6256;display:grid;place-items:center;font-size:20px;color:#34302a}.pc-postage{display:flex;justify-content:flex-end;align-items:center;position:relative;height:14cqw;flex-shrink:0;margin-bottom:1cqw}.pc-message-area textarea{min-height:0;resize:none;font-size:2.1667cqw!important;overflow:hidden;overflow-wrap:anywhere;word-break:normal;line-height:1.9!important;background:repeating-linear-gradient(transparent 0 calc(1.9em - 1px),#b7a58b calc(1.9em - 1px) 1.9em)!important;border:0!important;padding:0!important}.pc-address-area{border-left:1px solid #ac9a80;padding-left:8%;display:flex;flex-direction:column;gap:1cqw}.pc-address-area p{margin:0;color:#8a7863;font:10px Arial,Noto Sans SC,sans-serif}.pc-workbench label{display:grid;gap:4px;min-width:0;color:#756653;font:11px Arial,Noto Sans SC,sans-serif}.pc-workbench input,.pc-workbench select,.pc-workbench textarea{min-width:0;width:100%;border:0;border-bottom:1px solid #ad9d85;border-radius:0;background:transparent;padding:5px 2px;color:#332e27;font:14px Arial,Noto Sans SC,sans-serif}.pc-workbench input[type=range]{accent-color:#a45a4e}.pc-card-controls{min-height:48px;padding:14px 0 0;display:flex;justify-content:space-between;align-items:end;gap:12px;font-family:Arial,Noto Sans SC,sans-serif}.pc-card-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:end}.pc-card-controls:has(.pc-seal-inline-error){align-items:start}.pc-card-actions .pc-seal-inline-error{flex-basis:100%;margin:0;text-align:end}.pc-card-actions a{color:#8b4d44;font-size:11px;text-underline-offset:4px}.pc-card-actions a[aria-disabled=true]{pointer-events:none;opacity:.5}.pc-app .pc-flip{display:flex;align-items:center;gap:7px;border:0;padding:5px 0;background:transparent;color:#8b4d44}.pc-flip svg{transition:transform .45s ease}.pc-flip:hover svg{transform:rotate(180deg)}.pc-rendered-face,.pc-rendered-face img{width:100%;height:100%}.pc-rendered-face img{object-fit:contain;display:block}.pc-rendered-face p{text-align:center;padding:25%}.pc-preview-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;max-width:930px;margin:14px auto 0;font:11px Arial,Noto Sans SC,sans-serif;color:#786d5d}@keyframes pc-face-turn{0%{opacity:.2;transform:rotateY(-78deg) scale(.97)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes pc-stamp-arrive{0%{opacity:.2;filter:saturate(.5)}to{opacity:1;filter:saturate(1)}}@keyframes pc-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.pc-invalid,.pc-app [role=alert]{color:#a03b2c;font-size:13px}.pc-login{background:#eee9dd;border-radius:8px;padding:22px;margin:20px 0}.pc-login form{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.pc-login form label{flex:1;min-width:180px}.pc-conflict{padding:22px;margin:20px 0;border:1px solid #bd725f;background:#fff4e9}.pc-conflict pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0}.pc-conflict button{margin:10px 10px 0 0}.pc-drafts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:28px 0}.pc-drafts article{background:#fffdf7;padding:24px;border:1px solid #e0dbce;border-top:8px solid;border-radius:6px;line-height:1.9;overflow-wrap:anywhere}.pc-drafts article a{display:block;margin-top:20px;color:#4b6040}@media(prefers-reduced-motion:reduce){.pc-postcard,.pc-front-face,.pc-back-face,.pc-floating-panel,.pc-stamp-upload,.pc-stamp-window img,.pc-flip svg{animation:none;transition:none;transform:none}}@media(max-width:700px){.pc-header{padding:12px 18px}.pc-brand{font-size:17px}.pc-brand span{margin-top:2px}.pc-header nav{gap:12px}.pc-main{padding:12px 16px 20px}.pc-heading{gap:4px}.pc-app h1{font-size:22px}.pc-postcard-shell{width:100%}.pc-postcard{aspect-ratio:3 / 2;height:auto}.pc-front-face,.pc-back-face{padding:5%}.pc-stamp-empty small{font-size:8px}.pc-front-corners summary{font-size:10px!important;padding:7px!important}.pc-front-corners .pc-location-trigger{max-width:135px;gap:4px}.pc-front-corners .pc-location-trigger svg{width:14px}.pc-location-trigger{max-width:165px;font-size:11px!important}.pc-back-content{grid-template-columns:57% 43%}.pc-message-area{gap:12px}.pc-postal-boxes{gap:3px}.pc-postal-boxes>span{width:20px;height:25px;font-size:16px}.pc-workbench label{font-size:9px;gap:2px}.pc-address-area{gap:5px}.pc-address-area input{padding:2px 0}.pc-address-area p{display:none}.pc-message-area textarea{font-size:12px!important}.pc-address-area{padding-left:10px}.pc-address-area p{font-size:9px}.pc-workbench input,.pc-workbench select,.pc-workbench textarea{font-size:12px}.pc-card-controls{padding:12px 0 0}.pc-card-actions{gap:5px}.pc-card-actions a{font-size:9px}.pc-app .pc-card-actions button{padding:6px;font-size:10px}}.pc-seal-dialog,.pc-seal-result{position:fixed;z-index:60;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(32rem,calc(100vw - 2rem));padding:1.5rem;border:1px solid #d5c7af;border-radius:1rem;background:#faf6eb;color:#302e2a;box-shadow:0 0 0 100vmax #0006}.pc-seal-dialog h2{margin:0 0 1.25rem;font-size:1.25rem}.pc-seal-details{display:grid;gap:.9rem;margin:0}.pc-seal-details div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.75rem}.pc-seal-details dt{color:#756a5b}.pc-seal-details dd{margin:0;overflow-wrap:anywhere}.pc-seal-explanation{margin:1.25rem 0;color:#756a5b;font-size:.875rem}.pc-seal-error{margin:-.75rem 0 1.25rem;color:#b33c30;font-size:.875rem}.pc-seal-actions{display:flex;flex-wrap:wrap;gap:.75rem}.pc-workbench input:focus,.pc-workbench textarea:focus,.pc-workbench select:focus{outline:none;box-shadow:none}.pc-front-options{display:flex;align-items:center;gap:12px;color:#fff;text-shadow:0 1px 3px #000,0 0 5px #000}.pc-workbench .pc-front-options .pc-replace-image{color:inherit}.pc-front-options .pc-paper-area summary{color:inherit}.pc-front-options .pc-floating-panel{text-shadow:none}.pc-front-corners>.pc-front-options{max-width:70%}.pc-front-options .pc-replace-image{white-space:nowrap;font-size:12px}.pc-replace-image input,.pc-custom-stamp input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.pc-postcard[data-paper=airmail]:before,.pc-postcard[data-paper=airmail]:after{content:"";position:absolute;left:0;right:0;height:.8cqw;background:repeating-linear-gradient(110deg,#bb5145 0 14px,transparent 14px 26px,#4b7188 26px 40px,transparent 40px 52px);z-index:1;pointer-events:none}.pc-postcard[data-paper=airmail]:before{top:0}.pc-postcard[data-paper=airmail]:after{bottom:0}.pc-postmark{position:absolute;right:0;top:0;width:25cqw;height:14cqw;color:#57534bc9;pointer-events:none;z-index:2}.pc-custom-stamp{position:relative;width:10.6cqw;height:13.1cqw;padding:.6cqw;border:2px dotted #ad9d85;background:#fffcf2}.pc-custom-stamp .pc-image-surface{inset:.6cqw;width:calc(100% - 1.2cqw);height:calc(100% - 1.2cqw);overflow:hidden}.pc-image-surface img{max-width:none;object-fit:cover}.pc-stamp-placeholder{position:absolute;inset:.6cqw;background:#b9c6af;color:#46543e;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:3cqw;pointer-events:none}.pc-stamp-placeholder small{font-size:.85cqw}.pc-workbench .pc-postage-upload{position:absolute;inset:0}.pc-postage-upload>span{opacity:0}.pc-workbench .pc-postage-replace{position:absolute;right:0;bottom:-1.8cqw;font-size:.9cqw}.pc-delivery-fields{display:grid;gap:.5cqw;color:#756653;font:11px Arial,sans-serif}.pc-delivery-fields label{font-size:10px}.pc-delivery-fields input{font-size:12px;padding:2px 0}.pc-arrival-fields{gap:6px}.pc-workbench .pc-note{font-size:10px;line-height:1.4;color:#8a7863}@media(max-width:700px){.pc-front-corners{gap:4px;left:4%;right:4%}.pc-front-options{gap:4px}.pc-front-options .pc-replace-image{font-size:10px}.pc-front-corners .pc-location-trigger{max-width:90px}.pc-postcard-back:not(.pc-postcard-preview){aspect-ratio:auto;height:470px}.pc-arrival-fields{grid-template-columns:1fr;gap:4px}.pc-delivery-fields{gap:6px;font-size:10px}.pc-delivery-fields input{font-size:11px}.pc-address-area{gap:12px}.pc-postage{height:90px}.pc-custom-stamp{width:60px;height:75px}.pc-postmark{width:150px;height:85px}.pc-stamp-placeholder{font-size:24px}.pc-stamp-placeholder small{font-size:7px}.pc-workbench .pc-postage-replace{bottom:-14px;font-size:9px}.pc-message-area>label:last-child{max-height:310px}}.pc-timezone-picker{min-width:0}.pc-timezone-picker>label{margin-bottom:3px}.pc-timezone-picker .pc-timezone-input{width:100%;min-width:0;height:28px;border:0!important;border-bottom:1px solid #ad9d85!important;border-radius:0;background:transparent;box-shadow:none!important}.pc-timezone-picker .pc-timezone-input:focus-visible{outline:2px solid #776951;box-shadow:none!important}.pc-app .pc-timezone-picker .pc-timezone-input{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:2px 0;font-size:12px;color:inherit;background:transparent}.pc-timezone-input>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
