.photo-creator-shell{color:#f8fafc;background:radial-gradient(circle at 0 0,#22d3ee14,#0000 18%),radial-gradient(circle at 100% 100%,#a855f70d,#0000 28%),linear-gradient(#060d17 0%,#0a1522 46%,#070d16 100%);flex-direction:column;gap:.22rem;height:calc(100vh - 11.5rem);min-height:0;padding:.3rem .35rem;display:flex;position:relative;overflow:hidden}.photo-creator-header{background:#080d17b3;border:1px solid #94a3b814;border-radius:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.6rem;padding:.2rem .35rem;display:flex}.photo-creator-header>div{flex:0 auto;min-width:0}.photo-creator-header h2{letter-spacing:-.02em;opacity:.9;margin:0;font-size:.88rem;font-weight:600;line-height:1}.photo-creator-header .small-title{display:none}.photo-creator-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.editor-options-bar{scrollbar-width:thin;background:#0c121beb;border:1px solid #94a3b814;border-radius:6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:.45rem;min-height:2.25rem;padding:.22rem .35rem;display:flex;overflow-x:auto}.editor-menu-host{flex-shrink:0;min-height:1.9rem}.option-group{flex:none;align-items:center;gap:.35rem;display:flex}.option-group-title,.generation-source{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:800}.option-group label{color:#a8b3c2;white-space:nowrap;align-items:center;gap:.25rem;font-size:.62rem;display:flex}.option-group input[type=color]{width:1.65rem;height:1.55rem;padding:.12rem}.option-group input[type=range]{accent-color:#67e8f9;width:4.5rem}.option-group select,.option-group input[type=text],.option-group button{color:#dbe4ef;background:#111a27;border:1px solid #94a3b826;border-radius:5px;height:1.65rem;padding:0 .45rem;font-size:.64rem}.option-group button{cursor:pointer}.option-group button:hover{color:#67e8f9;border-color:#67e8f980}.ai-options input[type=text]{width:clamp(10rem,18vw,20rem)}.photo-creator-grid{--photo-left-width:88px;--photo-right-width:220px;grid-template-columns:var(--photo-left-width) minmax(0, 1fr) var(--photo-right-width);flex:1;align-items:stretch;gap:.45rem;height:100%;min-height:0;display:grid}.photo-creator-grid.compact{--photo-left-width:82px;--photo-right-width:208px;gap:.35rem}.photo-creator-grid.left-collapsed{--photo-left-width:52px}.photo-creator-grid.right-collapsed{--photo-right-width:0px}.photo-sidebar,.photo-stage-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d17e6;border:1px solid #94a3b81a;border-radius:12px;height:100%;min-height:0;overflow:hidden;box-shadow:0 12px 30px #02061747}.remove-area-overlay{z-index:8;color:#fff7ed;pointer-events:none;background:#f59e0b38;border:2px dashed #fbbf24;place-items:center;min-width:48px;min-height:32px;font-size:.72rem;font-weight:800;display:grid;position:absolute}.photo-sidebar{background:#090f18f5;border-radius:12px;flex-direction:column;gap:.5rem;padding:.6rem .45rem .7rem;display:flex;overflow-y:auto}.editor-menu-bar{display:none}.sidebar-menu-bar{z-index:40;background:#0c121bfa;border:1px solid #94a3b80f;border-radius:6px;flex-direction:row;flex-shrink:0;align-items:center;gap:.1rem;width:100%;min-height:1.8rem;margin:0;padding:.12rem .25rem;display:flex;position:relative;box-shadow:0 4px 12px #02061747}.tool-dock-shell{flex-direction:column;gap:.4rem;padding:.1rem 0;display:flex}.tool-group{background:#0f172ab3;border:1px solid #94a3b814;border-radius:7px;flex-direction:column;gap:.25rem;padding:.2rem;display:flex}.tool-group-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8d1;padding:0 .2rem;font-size:.48rem;font-weight:700}.tool-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;display:grid}.tool-button{appearance:none;color:#e2e8f0;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b81a;border-radius:6px;place-items:center;height:1.85rem;font-size:.9rem;font-weight:700;transition:all .15s;display:grid}.tool-button:hover{background:#22d3ee14;border-color:#67e8f96b;transform:translateY(-1px)}.tool-button.active{color:#67e8f9;background:#22d3ee1f;border-color:#67e8f9e6;box-shadow:0 0 0 1px #22d3ee4d}.dock-actions{flex-direction:column;gap:.28rem;padding-top:.15rem;display:flex}.dock-actions .photo-upload-chip,.dock-action-button{color:#cbd5e1;cursor:pointer;background:#0f172ad1;border:1px solid #94a3b81f;border-radius:7px;justify-content:center;align-items:center;gap:.3rem;min-height:2rem;padding:.35rem .2rem;font-size:.57rem;font-weight:700;display:flex}.dock-actions .photo-upload-chip:hover,.dock-action-button:hover{color:#67e8f9;border-color:#67e8f973}.dock-action-button:disabled{cursor:wait;opacity:.55}.menu-item-compact{color:#e2e8f0b8;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:.3rem .55rem;font-size:.68rem;font-weight:600;transition:all .12s;position:relative}.menu-tools-toggle{color:#94a3b8c7;margin-left:auto}.menu-item-compact:hover{color:#f8fafc;background:#67e8f91a}.menu-dropdown-compact{z-index:1000;background:#0c121bfa;border:1px solid #94a3b81f;border-radius:6px;flex-direction:column;min-width:160px;margin-top:.1rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 6px 20px #0006}.menu-item{color:#e2e8f0c7;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.32rem .42rem;font-size:.68rem;font-weight:700;position:relative}.menu-item:hover{color:#f8fafc;background:#67e8f914}.menu-container{display:inline-block;position:relative}.menu-dropdown{z-index:1000;background:#11161ffa;border:1px solid #94a3b81f;border-radius:8px;flex-direction:column;min-width:140px;margin-top:.2rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000004d}.menu-dropdown button{color:#e2e8f0d9;cursor:pointer;text-align:left;background:0 0;border:none;padding:.42rem .7rem;font-size:.76rem;font-weight:500;transition:background .15s}.menu-dropdown button:hover{color:#f8fafc;background:#67e8f91f}.menu-dropdown button:disabled{opacity:.4;cursor:not-allowed}.menu-dropdown button:disabled:hover{background:0 0}.menu-dropdown button:first-child{border-radius:7px 7px 0 0}.menu-dropdown button:last-child{border-radius:0 0 7px 7px}.menu-dropdown button:only-child{border-radius:7px}.photo-sidebar-toolbar{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.photo-sidebar-toolbar .ghost-button{padding:.45rem .85rem}.photo-sidebar.collapsed{padding:.75rem;overflow:hidden}.photo-sidebar-collapsed-card{color:#e2e8f0;background:#080f1eb8;border:1px dashed #67e8f973;border-radius:20px;flex:1;min-height:220px;font-weight:700}.photo-sidebar-right.collapsed{z-index:30;width:auto;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:absolute;top:50%;right:.35rem;overflow:visible;transform:translateY(-50%)}.photo-sidebar-right.collapsed .photo-sidebar-toolbar{display:none}.photo-sidebar-right.collapsed .photo-sidebar-collapsed-card{color:#67e8f9;cursor:pointer;background:#0f172af5;border:1px solid #67e8f95c;border-radius:6px 0 0 6px;place-items:center;width:2.25rem;height:3.25rem;min-height:0;padding:0;display:grid;box-shadow:0 6px 18px #02061766}.photo-stage-panel{background:#0d131cf5;border:1px solid #94a3b81a;border-radius:12px;flex-direction:column;gap:.45rem;min-width:0;padding:.55rem .55rem .6rem;display:flex;position:relative;overflow:hidden}.panel-block{background:#0f172ab8;border:1px solid #94a3b81f;border-radius:14px;flex-direction:column;gap:.6rem;padding:.7rem;display:flex}.stage-chrome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.1rem .2rem .15rem;display:flex}.stage-chrome h3{letter-spacing:-.02em;margin:.22rem 0 0;font-size:.96rem}.stage-status{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:.6rem;display:flex}.status-pill{color:#67e8f9;letter-spacing:.12em;background:#67e8f91f;border:1px solid #67e8f947;border-radius:999px;align-items:center;padding:.28rem .7rem;font-size:.64rem;font-weight:800;display:inline-flex}.stage-status{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.canvas-controls{color:#e2e8f0d6;background:#121824e6;border:1px solid #94a3b814;border-radius:10px;align-items:center;gap:.4rem;padding:.2rem .3rem;font-size:.8rem;font-weight:700;display:inline-flex}.canvas-controls .chip{min-width:2rem;padding:.38rem .5rem}.photo-stage-wrap{background:#080c14f0;border:1px solid #94a3b812;border-radius:12px;flex:1;justify-content:center;align-items:center;min-height:0;padding:.3rem .25rem .2rem;display:flex;overflow:hidden}.photo-stage{border:1px solid #d7dbe0;border-radius:0;flex:none;max-width:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 12px 30px #0206176b,0 1px 2px #0206173d}.photo-paint-layer,.crop-overlay{z-index:1;position:absolute;inset:0}.photo-paint-layer{pointer-events:none;mix-blend-mode:screen;width:100%;height:100%}.crop-overlay{pointer-events:none}.crop-frame{pointer-events:auto;cursor:move;border:2px solid #67e8f9e6;position:absolute;box-shadow:0 0 0 9999px #02061766,inset 0 0 0 1px #fff3}.crop-handle{pointer-events:auto;background:#020617e6;border:2px solid #67e8f9;border-radius:999px;width:16px;height:16px;position:absolute}.crop-handle-nw{cursor:nwse-resize;top:-8px;left:-8px}.crop-handle-ne{cursor:nesw-resize;top:-8px;right:-8px}.crop-handle-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.crop-handle-se{cursor:nwse-resize;bottom:-8px;right:-8px}.photo-stage-image,.photo-stage-empty,.photo-stage-vignette,.photo-stage-noise{position:absolute;inset:0}.photo-stage-image{object-fit:cover;width:100%;height:100%}.photo-stage-empty{color:#64748b;text-align:center;letter-spacing:.01em;background:#fff;place-items:center;padding:2rem;font-size:1.05rem;display:grid}.photo-stage-onboarding{text-align:left;flex-direction:column;align-items:center;gap:.6rem;max-width:360px;margin:0 auto;display:flex}.photo-stage-onboarding .small-title{text-align:center}.photo-stage-onboarding ol{color:#475569;gap:.5rem;margin:0;padding-left:1.25rem;font-size:.9rem;display:grid}.photo-stage-onboarding ol strong{color:#1e293b}.photo-stage-onboarding-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.4rem;display:flex}.photo-stage-vignette{pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 38%,#0206179e 100%)}.photo-stage-noise{pointer-events:none;mix-blend-mode:soft-light;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:18px 18px}.photo-layer{width:auto;height:auto;color:inherit;cursor:grab;z-index:2;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;padding:0;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.photo-layer span{text-wrap:balance;text-shadow:0 10px 30px #00000073;max-width:28ch;line-height:1.03;display:inline-block}.photo-layer.active span{outline-offset:8px;border-radius:10px;outline:1px dashed #7dd3fc99}.tool-sticker-menu{position:relative}.tool-sticker-menu summary{width:100%;list-style:none}.tool-sticker-menu summary::-webkit-details-marker{display:none}.tool-sticker-menu[open] summary{color:#67e8f9;background:#22d3ee1a;border-color:#67e8f973}.tool-sticker-popover{z-index:50;background:#111a27;border:1px solid #94a3b82e;border-radius:7px;grid-template-columns:repeat(4,2rem);gap:.2rem;padding:.35rem;display:grid;position:absolute;top:50%;left:calc(100% + .65rem);transform:translateY(-50%);box-shadow:0 10px 24px #02061780}.tool-sticker-popover button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:2rem;height:2rem;padding:0;display:grid}.tool-sticker-popover button:hover{background:#22d3ee1f}.stage-footer p,.concept-card p,.muted{color:#e2e8f0b8;margin:0}.section-label,.small-title{text-transform:uppercase;letter-spacing:.14em;color:#67e8f9;margin:0;font-size:.68rem}.photo-creator-shell.compact .photo-sidebar,.photo-creator-shell.compact .photo-stage-panel{border-radius:20px}.photo-creator-shell.compact .photo-sidebar{gap:.75rem;padding:.75rem}.photo-creator-shell.compact .panel-block{border-radius:18px;gap:.65rem;padding:.8rem}.photo-creator-shell.compact .photo-upload-chip,.photo-creator-shell.compact .tool-chip,.photo-creator-shell.compact .chip,.photo-creator-shell.compact .ghost-button,.photo-creator-shell.compact .primary-button{padding:.55rem .85rem}.photo-creator-shell.compact .photo-sidebar textarea,.photo-creator-shell.compact .photo-sidebar input,.photo-creator-shell.compact .photo-sidebar select{padding:.65rem .8rem}.full-width{width:100%}.photo-upload-chip,.source-card,.preset-card,.tool-chip,.chip,.ghost-button,.primary-button{transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.photo-upload-chip{cursor:pointer;color:#e2e8f0;background:#080f1ea6;border:1px dashed #7dd3fc73;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;display:inline-flex}.photo-upload-chip input{display:none}.source-list,.preset-grid,.tool-grid{gap:.65rem;display:grid}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.source-card,.preset-card{color:#f8fafc;text-align:left;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b824;border-radius:18px;align-items:center;gap:.75rem;width:100%;padding:.8rem;display:flex}.source-card.active,.preset-card.active{border-color:#67e8f9a6;box-shadow:0 0 0 1px #67e8f933,0 18px 40px #0284c733}.source-card strong,.preset-card strong{margin-bottom:.15rem;display:block}.source-card small,.preset-card span{color:#e2e8f0b3}.source-thumb{background:#1e293be0;border-radius:14px;flex:0 0 56px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.source-thumb img{object-fit:cover;width:100%;height:100%}.preset-card{flex-direction:column;align-items:flex-start;gap:.2rem}.tool-chip{color:#e2e8f0;cursor:pointer;letter-spacing:-.02em;background:linear-gradient(#111921fa,#080d14d1);border:1px solid #94a3b81f;border-radius:11px;min-height:78px;padding:.68rem .4rem .62rem;font-size:.86rem;font-weight:800;position:relative;box-shadow:inset 0 1px #ffffff05}.tool-chip:hover{border-color:#67e8f959;transform:translateY(-1px)}.tool-chip.active{color:#67e8f9;background:linear-gradient(#091219,#0c121cf0);border-color:#67e8f9cc;box-shadow:inset 0 0 0 1px #67e8f933,0 0 0 1px #67e8f914}.source-actions{gap:.6rem;display:grid}.source-action-row{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.slider-row{gap:.35rem;display:grid}.slider-row span{color:#e2e8f0d1;font-size:.9rem}.layer-inspector{gap:.75rem;padding-top:.2rem;display:grid}.concept-card{background:#080f1eb8;border:1px solid #94a3b829;border-radius:18px;gap:.45rem;padding:1rem;display:grid}.concept-card strong{font-size:1rem}.photo-sidebar textarea,.photo-sidebar input,.photo-sidebar select{color:#f8fafc;background:#0f172abd;border:1px solid #94a3b82e;border-radius:12px;width:100%;padding:.72rem .8rem;font-size:.92rem}.photo-sidebar textarea:focus,.photo-sidebar input:focus,.photo-sidebar select:focus{outline-offset:1px;outline:2px solid #67e8f947}.photo-sidebar input[type=range]{accent-color:#67e8f9;padding:0}.photo-sidebar input[type=color]{height:48px;padding:.25rem}.photo-sidebar-left{border-radius:8px;overflow:visible}.photo-sidebar-right{border-radius:8px}@media (width<=900px){.photo-creator-shell{height:auto;overflow:visible}.photo-creator-grid{grid-template-columns:1fr;height:auto}.photo-sidebar{order:2;height:auto}.photo-sidebar-right{order:3}.photo-stage-panel{order:1;height:auto}}@media (width<=720px){.photo-creator-shell{gap:.65rem;height:auto;padding:.6rem;overflow-x:hidden}.photo-stage{width:100%!important;height:auto!important}.photo-creator-header h2{font-size:1.3rem}.photo-creator-actions{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:.35rem;overflow-x:auto}.photo-creator-actions button{flex:none;min-height:44px}.photo-creator-grid{gap:.65rem}.photo-sidebar,.photo-stage-panel,.panel-block{border-radius:14px}.photo-stage-panel{padding:.65rem}.source-action-row{grid-template-columns:1fr}.canvas-controls{justify-content:flex-start;width:100%}.photo-stage-wrap{min-height:360px;padding:0}.photo-stage{border-radius:0}.stage-footer{align-items:stretch}.stage-footer>p{width:100%}.stage-footer .chip,.photo-sidebar button,.photo-sidebar .photo-upload-chip{min-height:44px}.stage-footer .chip{flex:84px}.tool-grid{grid-template-columns:1fr 1fr}.photo-sidebar.collapsed{min-height:72px}.photo-sidebar-collapsed-card{min-height:52px}}