:root{--bg:#f4f2ed;--paper:#fffefa;--ink:#2b302c;--muted:#737970;--line:#dedfd5;--green:#314a3d;--accent:#d9e5d7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:13px}button,select,input,.button{font:inherit}button,.button{border:1px solid var(--line);border-radius:7px;padding:10px 13px;background:var(--paper);color:var(--ink);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{background:#e9ede4}button:focus-visible,select:focus-visible,input:focus-visible,.button:focus-within{outline:2px solid var(--green);outline-offset:3px}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:600}.primary:hover{background:#203c2d}.top{height:86px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);gap:20px}.brand{display:flex;align-items:center;gap:14px;font-size:18px}.brand b{font:400 33px Georgia,serif;letter-spacing:-2px}.brand b span{color:#b0b5aa}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:9px}#saveStatus{font-size:11px;color:var(--muted);margin-right:12px}main{display:grid;grid-template-columns:minmax(480px,1fr) 370px;max-width:1700px;margin:auto}.workspace{padding:26px 30px 18px;border-right:1px solid var(--line)}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:.17em;margin:0 0 8px;color:var(--muted)}h1{font:400 31px/1.1 Georgia,serif;margin:0}h2{font:400 23px/1.15 Georgia,serif;margin:0}select{border:1px solid var(--line);border-radius:5px;padding:9px;background:var(--paper);color:var(--ink);max-width:230px}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted)}label select,label input{color:var(--ink)}input[type=number]{width:48px;border:1px solid var(--line);padding:8px;border-radius:5px;background:var(--paper)}input[type=range]{accent-color:var(--green);width:90px;height:20px}input[type=color]{width:34px;height:34px;border:0;padding:0;background:none}#gapValue{display:none}.canvas-area{padding:24px 18px;min-height:400px;display:flex;align-items:center;justify-content:center;background:#e8e7e0;margin-top:20px;border-radius:8px}#frame{position:relative;width:min(100%,390px);aspect-ratio:3/4;box-shadow:0 6px 25px #29312620}canvas{display:block;width:100%;height:100%}#slots{position:absolute;inset:0;display:grid}.slot{border:0;border-radius:0;padding:0;background:transparent;position:relative;min-width:0;min-height:0}.slot:hover{background:#ffffff14}.slot.selected{outline:2px solid #fff;outline-offset:-4px;box-shadow:inset 0 0 0 4px #304d3b}.slot.drag-over{outline:4px solid #d6e4c9;outline-offset:-4px}.slot.empty{border:1px dashed #ffffff60;color:#fff;font-size:22px}.slot:focus-visible{outline:3px solid white;outline-offset:-4px}.slot small{position:absolute;bottom:6px;left:6px;border-radius:3px;font-size:9px;background:#18261bd9;color:white;padding:4px;opacity:0}.slot.selected small{opacity:1}.canvas-meta{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin:12px 0 20px;gap:12px}.canvas-meta select{padding:5px;font-size:10px}.crop-panel{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.check{flex-direction:row;align-items:center;color:var(--ink);font-size:11px}.crop-panel>label{flex:1}.crop-panel>label input{width:100%;min-width:60px}.crop-panel button{font-size:10px;padding:8px}.bottom-actions{display:flex;align-items:center;gap:9px;margin-top:14px;flex-wrap:wrap}.bottom-actions button{font-size:11px}.bottom-actions>span{margin-left:auto;color:var(--muted);font-size:10px;max-width:240px;line-height:1.6}.library{padding:28px 22px;height:calc(100vh - 86px);position:sticky;top:0;display:flex;flex-direction:column}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.upload{font-size:10px;padding:9px}.library-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin:20px 0 14px;gap:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow-y:auto;align-content:start;flex:1;padding:3px}.photo-choice{position:relative;display:block;padding:0;border:0;border-radius:5px;overflow:hidden;background:#dfdfd6;aspect-ratio:3/4}.photo-choice img{width:100%;height:100%;object-fit:cover;display:block}.photo-choice:hover img{opacity:.8}.photo-choice.used:after{content:'✓';position:absolute;right:5px;top:5px;color:white;background:var(--green);border-radius:50%;width:19px;height:19px;font-size:12px;display:grid;place-items:center}.library-note{font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;z-index:10;max-width:90vw;line-height:1.5}#toast.visible{opacity:1}button:disabled{opacity:.5;cursor:wait}@media(min-width:1400px){#frame{width:440px}}@media(max-width:1050px){.top{padding:15px 20px;height:auto;flex-wrap:wrap}.top-actions{flex-wrap:wrap}#saveStatus{display:none}.workspace{padding:20px}main{grid-template-columns:minmax(390px,1fr) 300px}.library{padding:22px 14px;height:calc(100vh - 100px)}.toolbar{gap:9px}.toolbar label{font-size:9px}.toolbar input[type=range]{width:70px}}@media(max-width:740px){main{display:block}.workspace{border-right:0;padding:18px 14px}.top-actions button,.top-actions .button{font-size:11px;padding:8px}.top{padding:15px}.brand{font-size:16px}.heading{align-items:start}.heading select{max-width:165px;font-size:11px}.toolbar{gap:12px}.canvas-area{padding:15px;min-height:0}#frame{max-width:340px}.library{position:relative;height:auto;padding:24px 14px;border-top:1px solid var(--line)}.photo-grid{max-height:530px;grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-meta #selectionInfo{display:none}.crop-panel{gap:10px}.crop-panel>div{width:100%}.bottom-actions>span{max-width:none;margin-left:0}.library-note{max-width:460px}}

.photo-choice,.slot{user-select:none;-webkit-user-select:none}.photo-choice img{-webkit-user-drag:none;pointer-events:none}

.story-guide-control{margin-top:12px;font-size:11px;flex-wrap:wrap}.story-guide-control[hidden],#storyGuides[hidden]{display:none}.story-guide-control small{color:var(--muted);font-size:10px}#storyGuides{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;z-index:2}#storyGuides span{height:13%;border:1px dashed #fff9;background:#151e2b66;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;text-shadow:0 1px 2px #000}#storyGuides span:first-child{border-width:0 0 1px}#storyGuides span:last-child{border-width:1px 0 0}

html{scroll-padding-top:18px}body{padding-bottom:env(safe-area-inset-bottom)}.top{height:auto;min-height:86px;padding:18px 26px;padding-top:max(18px,env(safe-area-inset-top));flex-wrap:wrap}.top-actions{flex-wrap:wrap}.top-actions #saveStatus{font-size:10px}.app-nav{max-width:1700px;margin:auto;display:flex;padding:12px 30px 0;gap:8px}.app-nav button{font-size:12px;background:transparent;border-color:transparent}.app-nav button.active{background:var(--accent);color:var(--green)}.album-switch{display:flex;gap:8px;align-items:center}.album-switch button{font-size:11px}.install-app{border-color:#b6c8b6;color:var(--green)}.storage-panel{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:9px}.storage-panel span{font-size:10px;color:var(--muted)}.storage-panel button{font-size:10px;padding:7px}.storage-panel progress{width:100%;height:6px;accent-color:var(--green)}.app-dialog{border:1px solid var(--line);border-radius:14px;padding:25px;background:var(--bg);color:var(--ink);width:min(680px,calc(100vw - 30px));max-height:85dvh}.app-dialog::backdrop{background:#1c2b2466;backdrop-filter:blur(4px)}.app-dialog header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.app-dialog header button{font-size:23px;padding:3px 10px;background:transparent;border:0}.app-dialog h2{font-size:29px}.dialog-description{font-size:12px;line-height:1.7;color:var(--muted)}.app-dialog form{display:flex;align-items:end;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.app-dialog form[hidden]{display:none}.app-dialog form label{flex:1;font-size:11px}.app-dialog input{padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:6px;min-width:0;width:100%;font-size:14px}.app-dialog form button{font-size:12px;padding:12px}.albums-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.album-card{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:12px;display:flex;gap:10px;align-items:center}.album-card img{width:48px;height:64px;object-fit:cover;border-radius:4px}.album-card .album-placeholder{width:48px;height:64px;display:grid;place-items:center;background:var(--accent);border-radius:4px;font-size:22px}.album-card>div{flex:1;min-width:0}.album-card strong{display:block;overflow-wrap:anywhere;font-size:12px}.album-card small{display:block;color:var(--muted);font-size:10px;margin:6px 0}.album-card button{font-size:10px;padding:6px 8px;margin:2px 4px 0 0}.designs-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:var(--paper);padding:0;display:block;text-align:left}.design-card img{width:100%;height:160px;object-fit:contain;background:#dfdfd7;display:block}.design-card span{display:block;padding:12px;white-space:normal}.design-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.design-card small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.empty-state{grid-column:1/-1;font-size:13px;color:var(--muted);line-height:1.8;background:var(--paper);padding:24px;border-radius:8px}.install-icon{display:flex;align-items:center;gap:18px;margin:24px 0}.install-icon img{width:70px;height:70px;border-radius:15px}.install-icon p,#installInstructions{font-size:13px;line-height:1.8}.library{height:calc(100dvh - 130px)}@media(max-width:740px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.top{padding:16px;padding-top:max(16px,env(safe-area-inset-top));gap:14px}.brand small{font-size:10px}.top-actions{gap:7px}.top-actions button,.top-actions .button{font-size:10px;padding:8px}#openDesigns{display:none}.app-nav{position:fixed;bottom:0;inset-inline:0;padding:9px 14px calc(9px + env(safe-area-inset-bottom));background:#fffefaf5;border-top:1px solid var(--line);justify-content:space-around;z-index:8;backdrop-filter:blur(12px)}.app-nav button{font-size:12px;padding:10px 16px}.heading{flex-wrap:wrap}.album-switch{width:100%;justify-content:space-between}.heading .album-switch select{max-width:none;flex:1;font-size:13px}.workspace{padding-top:20px}.library{height:auto}.app-dialog{padding:18px;max-height:90dvh}.app-dialog form{flex-wrap:wrap}.app-dialog form label{min-width:100%}.albums-list{grid-template-columns:1fr}.designs-list{grid-template-columns:repeat(2,minmax(0,1fr))}.design-card img{height:180px}}

.welcome[hidden]{display:none}main.is-empty{display:block}.is-empty>.workspace,.is-empty>.library{display:none}.welcome{padding:70px 50px 55px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:35px 70px;max-width:1250px;margin:auto}.welcome h1{font:400 clamp(45px,5vw,72px)/1.02 Georgia,serif;letter-spacing:-2px}.welcome-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:440px;margin:24px 0}.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 18px}.local-note{font-size:11px;color:var(--muted)}.welcome-art{align-self:center;justify-self:center;text-align:center;transform:rotate(4deg)}.paper-collage{width:270px;height:360px;background:#fffefa;padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:7px;box-shadow:0 10px 40px #344a3920}.paper-collage i{display:block;background:linear-gradient(145deg,#c7d4c9 50%,#637f70 50%);border-radius:2px}.paper-collage i:nth-child(2){background:radial-gradient(circle at 70% 24%,#f0d3a0 15%,transparent 16%),linear-gradient(#c6d8db 65%,#71948b 65%)}.paper-collage i:nth-child(3){background:linear-gradient(25deg,#8f9d81 45%,#e9e1ca 45%)}.paper-collage i:nth-child(4){background:linear-gradient(150deg,#c49872,#ecd4b9)}.paper-collage i:nth-child(5){background:linear-gradient(#dce3df 40%,#709589 40%)}.paper-collage i:nth-child(6){background:linear-gradient(40deg,#b7bb97,#e5dfcb)}.welcome-art>span{font-size:11px;letter-spacing:.13em;color:var(--muted);display:block;margin-top:25px}.welcome-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);padding-top:32px;margin-top:35px}.welcome-steps b{font-size:11px;color:#84947e;font-weight:400}.welcome-steps h2{font-size:21px;margin-top:12px}.welcome-steps p{color:var(--muted);font-size:12px;line-height:1.7}.project-wizard{display:grid!important;grid-template-columns:1fr 1fr;gap:18px!important}.project-wizard>label:first-child,.project-wizard>label:nth-child(3),.project-wizard>button{grid-column:1/-1}.project-wizard select{width:100%;max-width:none;font-size:14px}.project-wizard label[hidden]{display:none}.empty-library{grid-column:1/-1;text-align:center;padding:30px 12px;color:var(--muted);font-size:12px;line-height:1.8}.empty-library button{display:block;margin:15px auto}.top-actions #prepareOffline[hidden]{display:none}#prepareOffline[hidden]{display:none}@media(max-width:740px){.welcome{padding:36px 22px;grid-template-columns:1fr;gap:30px}.welcome h1{font-size:46px;letter-spacing:-1.5px}.welcome-copy>p:not(.eyebrow){font-size:14px}.welcome-art{display:none}.welcome-steps{grid-template-columns:1fr;gap:22px;margin-top:10px;padding-top:24px}.welcome-steps article{display:grid;grid-template-columns:30px 1fr;gap:3px 9px}.welcome-steps b{grid-row:span 2;padding-top:3px}.welcome-steps h2{margin:0;font-size:21px}.welcome-steps p{margin:5px 0}.welcome-actions{display:grid}.welcome-actions button{padding:13px}.project-wizard{grid-template-columns:1fr}.project-wizard>label{grid-column:1/-1}.top-actions #newProject{font-size:11px}.app-nav button{padding:10px 12px}}

body.app-is-empty #saveDesign,body.app-is-empty #backup,body.app-is-empty #export{display:none}

.selection-hint{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 15px}.selection-bar{display:flex;align-items:center;gap:10px;border:1px solid #c8d5c5;background:#e6eee2;border-radius:7px;padding:10px 12px;margin-bottom:16px}.selection-bar[hidden]{display:none}.selection-bar strong{font-size:12px;margin-right:auto}.selection-bar button{padding:7px 9px;font-size:10px}.danger-icon{color:#953e36;border-color:#d8b9b5}.danger-button{color:#fff;background:#96483d;border-color:#96483d}.danger-button:hover{background:#7c382f}.album-card .delete-album{color:#95453c}.project-tile{position:relative;min-width:0}.project-tile .design-card{width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.project-tile.selected .design-card{outline:2px solid var(--green);outline-offset:2px}.select-design{position:absolute;top:7px;right:7px;width:27px;height:27px;padding:4px;border-radius:6px;background:#fffefae8;box-shadow:0 1px 5px #0001;border:1px solid #536b5980;z-index:1;color:var(--green)}.select-design[aria-checked=true]{background:var(--green);color:white}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.trash-list{display:grid;gap:10px}.trash-item{display:flex;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:14px;border-radius:8px}.trash-item>div{flex:1;min-width:0}.trash-item strong{font-size:12px;overflow-wrap:anywhere}.trash-item small{display:block;color:var(--muted);font-size:10px;margin-top:6px;line-height:1.6}.trash-item button{font-size:11px}.delete-dialog{width:min(480px,calc(100vw - 30px))}@media(max-width:740px){.selection-bar{flex-wrap:wrap}.selection-bar strong{font-size:11px}.selection-bar button:last-child{font-size:9px}.trash-item{padding:12px}.project-tile .design-card img{pointer-events:none}}

.selection-bar{position:sticky;top:0;z-index:3}

.welcome-steps h2{margin-top:0}@media(max-width:700px){.welcome-steps article{display:block}}

.quick-add{display:flex;align-items:center;gap:16px;margin:16px 0}.quick-add p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.slot.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.slot-hint{font:500 10px/1.2 sans-serif;letter-spacing:.02em;color:#ddd}.slot.empty>span:first-child{font-size:25px;line-height:1}@media(max-width:700px){.quick-add{align-items:flex-start;flex-direction:column;gap:8px}.quick-add button{width:100%;min-height:46px}.slot-hint{font-size:9px}}

@media(max-width:740px){.workspace>.library{border:0;border-bottom:1px solid var(--line);padding:12px 0 14px;height:auto;position:static}.workspace>.library .library-heading{display:none}.workspace>.library .library-meta{margin:0 0 8px;font-size:10px}.workspace>.library .photo-grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;max-height:none;min-height:96px;padding:3px;flex:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.workspace>.library .photo-choice{flex:0 0 68px;width:68px;height:91px;scroll-snap-align:start}.workspace>.library .empty-library{padding:10px;flex:1;font-size:11px}.workspace>.library .empty-library button{margin:8px auto}.workspace>.library .storage-panel,.workspace>.library .library-note{display:none}.toolbar select{min-height:40px;font-size:16px}.toolbar #cols,.toolbar #rows{min-width:65px}.canvas-meta{margin:12px 0}.canvas-meta select{font-size:14px;min-height:40px}.crop-panel label{font-size:12px}}

/* Mobile studio visual language */
:root{--bg:#f5f3eb;--paper:#fffef8;--ink:#192b24;--muted:#5f7067;--line:#d7dfd5;--green:#294b40;--accent:#d4e9df;--mint:#70ad9c}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,.app-dialog h2{font-family:inherit;letter-spacing:-.045em;font-weight:500}.brand{font-weight:600;letter-spacing:-.6px}.brand b{font-family:inherit;font-weight:500;letter-spacing:-1px;font-size:25px}.brand small{font-weight:400;letter-spacing:0}.primary{background:var(--mint);color:#142e25;border-color:var(--mint);font-weight:600}.primary:hover{background:#609b8b;color:#10281f}button,.button{border-radius:10px}select{border-radius:9px}.welcome h1{font-family:inherit;font-weight:500;letter-spacing:-.06em}.welcome-art{transform:none}.paper-collage{border-radius:12px;box-shadow:0 12px 35px #294b4012}.app-nav button.active{background:#d4e9df;color:#1c493b}.selection-bar{background:#dcece3;border-color:#accbbc}.canvas-area{background:#e5e8de;border-radius:13px;box-shadow:none}#frame{box-shadow:none}.crop-panel{border-radius:13px}.app-dialog{border-radius:20px}.quick-add button{border-radius:12px}.slot.empty{border-color:#ffffff38}.eyebrow{letter-spacing:.16em}.photo-choice{border-radius:7px}.photo-choice.used:after{background:#294b40}
@media(max-width:740px){.top{background:var(--bg);border-bottom:0;padding:20px 16px 10px}.brand{font-size:19px}.brand b{font-size:22px}.brand small{font-size:11px;margin-top:4px}.top-actions{gap:8px}.top-actions button,.top-actions .button{font-size:11px;padding:9px 10px;min-height:36px}.workspace{padding-top:14px}.heading h1{font-size:33px;line-height:1.08}.toolbar{border-top:0;padding-top:4px}.toolbar label{font-size:11px}.quick-add p{font-size:11px}.quick-add button{font-size:14px}.canvas-area{margin-top:12px;padding:9px}.app-nav{background:#f5f3ebf5}.app-nav button{border-radius:10px;font-size:12px}.welcome h1{font-size:49px}.welcome-steps h2{font-size:23px}.welcome .eyebrow{font-size:10px}.crop-panel{background:#fffef8}.canvas-meta{font-size:11px}}

.photo-edit-dialog{width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:16px;border:1px solid #ffffff50;border-radius:18px;background:#f5f3ebf5;color:var(--ink);overflow:auto}.photo-edit-dialog::backdrop{background:#17251ecc;backdrop-filter:blur(6px)}.photo-edit-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.photo-edit-dialog header span{font-size:13px;font-weight:500}.photo-edit-dialog header button{min-height:40px}.focus-photo{display:flex;justify-content:center;align-items:center;max-height:43dvh;overflow:hidden;background:#191816;border-radius:7px}.focus-photo canvas{width:auto;height:auto;max-width:100%;max-height:43dvh;object-fit:contain}.photo-edit-dialog .crop-panel{display:flex;padding:14px 0 0;border:0;background:transparent;gap:12px;border-radius:0}.photo-edit-dialog #slotTitle{display:none}.photo-edit-dialog .crop-panel>div{width:100%}.photo-edit-dialog .crop-panel>label{flex:1;min-width:65px}.photo-edit-dialog .crop-panel button{min-height:40px}.photo-edit-dialog .crop-panel label{font-size:12px}@media(max-width:740px){.workspace>.crop-panel{display:none}#slotTitle{display:none}}

@media(max-width:740px){.slot:not(.empty){touch-action:none}.slot.selected{outline:2px solid #70ad9c;outline-offset:-3px;box-shadow:none}.slot.selected small{display:none}}

.slot{-webkit-touch-callout:none}.slot.reorder-source{background:#ffffff36!important;outline:3px solid #70ad9c!important;outline-offset:-3px}.slot.reorder-target{background:#70ad9c55!important;outline:3px dashed #fff!important;outline-offset:-4px}.reorder-ghost{position:fixed;z-index:100;width:85px;height:110px;object-fit:cover;transform:translate(-50%,-70%) rotate(-5deg);border-radius:7px;border:3px solid #fff;box-shadow:0 8px 30px #0005;pointer-events:none;opacity:.93}

#finishPhotoEditing[hidden]{display:none}@media(max-width:740px){.slot:not(.empty){touch-action:pan-y pinch-zoom}.slot.selected{outline:none;box-shadow:none}.slot.editing-photo:not(.empty){touch-action:none;outline:3px solid #70ad9c;outline-offset:-3px}.quick-add{flex-direction:row;flex-wrap:wrap;align-items:center}.quick-add #addPhotosAbove{flex:1;width:auto}.quick-add #finishPhotoEditing{width:auto;min-height:46px;border-color:#70ad9c;color:#294b40}.quick-add #gestureHint{width:100%}}

.photo-choice.used:after{display:none}.photo-entry{position:relative;min-width:0}.photo-entry .photo-choice{width:100%;height:100%}.remove-strip-photo{position:absolute;top:3px;right:3px;width:26px;height:26px;min-height:26px;border:1px solid #fff8;border-radius:50%;padding:0;background:#17251edb;color:#fff;font-size:20px;line-height:1;z-index:2;touch-action:manipulation}.remove-strip-photo:hover{background:#17251e}.strip-add{aspect-ratio:3/4;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;border:1px dashed #8ca99b;background:#e2ece3;color:#294b40;min-height:90px;padding:7px}.strip-add span{font-size:28px}.strip-add small{font-size:10px;white-space:normal;text-align:center}@media(max-width:740px){.workspace>.library .photo-entry{flex:0 0 76px;width:76px;height:101px}.workspace>.library .photo-entry .photo-choice{width:100%;height:100%}.workspace>.library .strip-add{flex:0 0 76px;width:76px;height:101px;aspect-ratio:auto}.remove-strip-photo{width:29px;height:29px;min-height:29px;top:1px;right:1px}}

#openTrash[hidden],#emptyTrash[hidden]{display:none}#emptyTrash{margin:0 0 18px;min-height:42px}