.canvas-crop-modal{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:#222320;color:#fff}.canvas-crop-modal header,.canvas-crop-modal footer{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:14px 24px;background:#30312e;font-size:13px}.canvas-crop-modal header span{color:#bfc1b9}.canvas-crop-modal button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border-radius:7px;background:#464742;color:#fff}.canvas-crop-modal header button,.canvas-crop-save{margin-left:auto}.canvas-crop-modal .canvas-crop-save{background:#ee603e}.canvas-crop-modal button:disabled{opacity:.4}.canvas-crop-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px;overflow:hidden}.canvas-crop-surface{position:relative;line-height:0;touch-action:none;cursor:crosshair;overflow:hidden;flex-shrink:0}.canvas-crop-surface>img{display:block;width:auto;height:auto;max-width:calc(100vw - 56px);max-height:calc(100dvh - 190px);object-fit:contain;-webkit-user-select:none;user-select:none}.canvas-crop-region{position:absolute;border:1px solid #fff;box-shadow:0 0 0 9999px #0009;cursor:move}.canvas-crop-handle{position:absolute;width:12px;height:12px;border:1px solid #444;background:#fff;transform:translate(-50%,-50%)}.canvas-crop-handle.nw{left:0;top:0;cursor:nwse-resize}.canvas-crop-handle.n{left:50%;top:0;cursor:ns-resize}.canvas-crop-handle.ne{left:100%;top:0;cursor:nesw-resize}.canvas-crop-handle.e{left:100%;top:50%;cursor:ew-resize}.canvas-crop-handle.se{left:100%;top:100%;cursor:nwse-resize}.canvas-crop-handle.s{left:50%;top:100%;cursor:ns-resize}.canvas-crop-handle.sw{left:0;top:100%;cursor:nesw-resize}.canvas-crop-handle.w{left:0;top:50%;cursor:ew-resize}.canvas-crop-modal [role=alert]{color:#ffa08b}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;color:#302f2a;background:#f6f5f2;font-size:14px;font-synthesis:none;--brand:#b3c5d3;--brand-dark:#8faabd;--brand-pale:#edf3f6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;transition:background .15s}button:disabled{cursor:not-allowed;opacity:.45}button:hover{background:#eeede9}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.attach-button:focus-within{outline:2px solid #8faabd;outline-offset:3px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}.app-shell{height:100dvh;display:flex;overflow:hidden}.nav-rail{width:68px;flex-shrink:0;background:#292922;color:#cfcdc4;display:flex;align-items:center;flex-direction:column;padding:25px 8px 18px;gap:15px;z-index:60}.rail-brand{display:grid;place-items:center;width:44px;height:40px;flex-shrink:0;margin-bottom:25px;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#c4d3de 0%,var(--brand) 48%,#8faabd 100%);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff50,inset 0 -1px 2px #526f8426,0 3px 8px #00000024}.rail-brand img{display:block;width:29px;height:29px;object-fit:contain;transform:translate(1px,1px)}.nav-rail button{display:flex;flex-direction:column;align-items:center;gap:7px;width:50px;padding:12px 0;border-radius:10px;font-size:10px}.nav-rail button:hover,.nav-rail button.active{color:#fff;background:#42423a}.prompt-panel{width:clamp(300px,26vw,380px);flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#fcfcfa;border-right:1px solid #e6e4df}.session-header{height:76px;flex-shrink:0;padding:17px 20px;border-bottom:1px solid #e9e7e2;display:flex;align-items:center;justify-content:space-between;gap:10px}.session-header>div{min-width:0;flex:1}.project-name{width:100%;border:0;padding:0;background:transparent;color:#302f2a;font-weight:650;text-overflow:ellipsis}.session-title-row{display:flex;align-items:center;gap:5px}.session-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;color:#302f2a}.session-header .session-rename{padding:5px}.session-title-row .project-name{min-width:0;font-size:13px}.session-header button,.expand-prompt{display:grid;place-items:center;border-radius:6px;padding:7px;color:#817e74;flex-shrink:0}.conversation{flex:1;min-height:0;overflow-y:auto;padding:24px 18px;scrollbar-width:thin;scrollbar-color:#d6d3cb transparent}.conversation-empty{padding:45px 5px;color:#929087;line-height:1.9}.conversation-empty .assistant-avatar{width:36px;height:36px;margin-bottom:22px}.conversation-empty h2{font-size:19px;font-weight:550;color:#4a473f;margin:0 0 12px}.conversation-empty p{font-size:12px;margin-bottom:22px}.conversation-empty small{font-size:10px;color:#b0aba0}.generation-entry{margin-bottom:27px}.user-message{margin-left:36px;padding:13px 15px;background:#edf3f6;border-radius:16px 16px 4px;color:#536774;overflow-wrap:anywhere}.user-message p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.9}.user-message>small{display:block;margin-top:10px;font-size:10px;color:#b49b8d}.message-references{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.message-references img{width:46px;height:46px;object-fit:cover;border-radius:6px}.message-product-brief{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-bottom:10px;padding:6px 8px;border:1px solid #d9e5ea;border-radius:7px;background:#f7fbfc;color:#5f7f92;font-size:10px}.message-product-brief span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assistant-message{display:flex;align-items:flex-start;gap:9px;margin-top:16px}.assistant-avatar{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;background:#8faabd;color:#fff;border-radius:50%;box-shadow:0 3px 10px #8faabd35;overflow:hidden}.assistant-avatar img{display:block;width:72%;height:72%;object-fit:contain;transform:translate(.75px,.75px)}.response-content{min-width:0;flex:1;background:#f1f0ec;border-radius:4px 14px 14px;padding:12px}.response-content p{margin:0;line-height:1.85;font-size:12px;overflow-wrap:anywhere}.result-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.result-links button{width:70px;height:58px;padding:0;overflow:hidden;border-radius:6px}.result-links img{width:100%;height:100%;object-fit:cover}.result-links small{color:#969183;font-size:10px}.reuse-prompt{font-size:10px;color:#9a8c7d;margin-top:8px;padding:4px 0}.composer-area{flex-shrink:0;border-top:1px solid #ebe8e2;padding:14px 16px 0;background:#fcfcfa;max-height:55%;overflow-y:auto}.prompt-composer{background:#fff;border:1px solid #e0ddd5;border-radius:16px;box-shadow:0 2px 7px #30282003;overflow:hidden}.prompt-composer:focus-within{border-color:#c4b5a5}.prompt-composer textarea{display:block;width:100%;height:86px;max-height:160px;min-height:64px;resize:vertical;border:0;outline:none;background:transparent;padding:14px 14px 5px;color:#48443b;font-size:12px;line-height:1.9}.prompt-composer textarea::placeholder{color:#b3aea2}.composer-actions{display:flex;align-items:center;gap:8px;padding:5px 9px 9px;color:#aea79a}.composer-actions>span{font-size:10px}.attach-button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;cursor:pointer}.attach-button:hover{background:#f4f2ed}.attach-button.disabled{opacity:.4;cursor:not-allowed}.brief-button{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#66879a}.brief-button:hover{background:#edf3f6}.send-button{display:grid;place-items:center;width:32px;height:32px;background:#35352e;color:#fff;border-radius:10px;margin-left:auto}.send-button:hover{background:#57554a}.send-button:disabled{background:#e9e6df;color:#999284;opacity:1}.composer-note{font-size:9px;text-align:center;color:#aaa597;margin:10px 0 12px}.composer-references{display:flex;gap:7px;overflow-x:auto;padding:11px 12px 0}.composer-product-brief{display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);margin:11px 12px 0;padding:7px 9px;border:1px solid #d9e5ea;border-radius:8px;background:#f7fbfc;color:#5f7f92;font-size:10px}.composer-product-brief span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-product-brief button{display:grid;place-items:center;margin-left:auto;padding:3px;border-radius:50%;color:#6d8b9d}.reference-thumb{position:relative;flex-shrink:0;width:54px;height:54px}.reference-thumb img{width:100%;height:100%;object-fit:cover;border-radius:7px}.reference-thumb>span{position:absolute;left:3px;bottom:3px;color:#fff;background:#28251ca0;border-radius:3px;padding:1px 4px;font-size:9px}.reference-thumb button{position:absolute;top:-3px;right:-3px;padding:2px;display:grid;background:#fff;border:1px solid #e3ded5;border-radius:50%}.composer-region-edits{display:flex;flex-wrap:wrap;gap:6px;padding:11px 12px 0}.region-chip{display:flex;align-items:center;gap:6px;max-width:100%;padding:7px 9px;border-radius:9px;background:#edf4ff;color:#5f8298;font-size:11px}.region-chip b{font-weight:600;white-space:nowrap}.region-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#527084}.region-chip button{display:grid;place-items:center;padding:2px;border-radius:50%;color:#6d8b9d}.message-region-edits{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}.message-region-edits span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#2964ad}.message-region-edits b{font-weight:600}.region-edit-popover{position:absolute;z-index:8;display:flex;align-items:center;gap:7px;min-width:280px;max-width:min(460px,calc(100% - 18px));padding:9px 10px;border:1px solid #e3e0da;border-radius:14px;background:#fff;box-shadow:0 12px 34px #29251a22;transform:translate(-50%,calc(-100% - 12px));white-space:nowrap}.region-edit-popover:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #e3e0da;border-bottom:1px solid #e3e0da;transform:translate(-50%) rotate(45deg)}.region-badge{flex-shrink:0;padding:7px 9px;border-radius:8px;background:#e8f0f4;color:#527084;font-size:11px;font-weight:600}.region-edit-popover input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:8px 2px;color:#45413b;font-size:13px}.region-edit-popover input::placeholder{color:#a7a39b}.region-edit-popover button{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;color:#777168;font-size:19px}.region-edit-popover button[type=submit]{background:#5f8298;color:#fff;font-size:18px}.region-edit-popover button:hover{background:#f1efeb}.region-edit-popover button[type=submit]:hover{background:#0d58b8}.canvas-workspace{display:flex;flex:1;min-width:0;flex-direction:column}.workspace-header{height:76px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border-bottom:1px solid #e6e4dd;background:#faf9f6}.workspace-header.prompt-collapsed{display:grid;grid-template-columns:33px minmax(0,1fr) 33px}.workspace-header.prompt-collapsed>.expand-prompt{grid-column:1;justify-self:start}.workspace-header.prompt-collapsed>.canvas-toolbar{grid-column:2;justify-self:center}.canvas-toolbar{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;padding:5px 9px;overflow-x:auto;border:1px solid #e5e1d8;border-radius:24px;background:#fff;scrollbar-width:thin}.toolbar-select{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;color:#797366;padding:0 9px;height:32px;border-radius:16px}.toolbar-select>span{font-size:12px;color:#4e493e}.toolbar-select>svg:last-child{color:#aaa597;transition:transform .15s}.toolbar-select.is-open{background:#f0efeb}.toolbar-select.is-open>svg:last-child{transform:rotate(180deg)}.canvas-toolbar button:focus{outline:none}.canvas-toolbar button:focus-visible{box-shadow:inset 0 -2px #aaa69a}.toolbar-menu{position:fixed;z-index:80;padding:6px;background:#fff;border:1px solid #e5e2da;border-radius:13px;box-shadow:0 8px 28px #29251a16;overflow-y:auto;outline:none;scrollbar-width:thin}.toolbar-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border-radius:8px;cursor:pointer;color:#534f45}.toolbar-option.highlighted{background:#f4f3ef}.toolbar-option[aria-selected=true]{background:#eeede8}.toolbar-option strong{display:block;font-size:12px;font-weight:500}.toolbar-option small{display:block;margin-top:4px;color:#a39c8e;font-size:10px}.toolbar-option-label{display:flex;align-items:center;gap:10px;min-width:0}.ratio-icon{display:block;flex:0 0 auto;border:1.5px solid #7d96a4;border-radius:2px;background:transparent}.toolbar-select .ratio-icon{border-color:#708b9a;background:transparent}.toolbar-option-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}.toolbar-option-check{display:inline-block;margin-left:6px;vertical-align:-2px;color:#708895}.toolbar-option-credit{display:flex;align-items:center;gap:3px;color:#708895;font-size:10px;white-space:nowrap}.toolbar-option-credit svg{flex-shrink:0}.zoom-control,.history-control{display:flex;align-items:center;flex-shrink:0;gap:1px;color:#797366}.history-control button{display:grid;place-items:center;width:30px;height:32px;border-radius:7px}.history-control button:disabled{opacity:.3;cursor:default}.zoom-control button{display:grid;place-items:center;width:30px;height:32px;border-radius:7px}.zoom-control span{font-size:11px;min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.toolbar-divider{height:18px;width:1px;background:#e8e4dc;flex-shrink:0;margin:0 3px}.canvas-area{position:relative;flex:1;min-height:0;margin:20px 22px;border:1px solid #e1ddd2;border-radius:13px;overflow:hidden;background:#f6f5f1}.history-scrim{position:fixed;inset:0 0 0 68px;z-index:45;background:#29251a20}.history-scrim:hover{background:#29251a20}.session-history{position:fixed;z-index:50;left:68px;top:0;bottom:0;width:300px;max-width:calc(100vw - 68px);display:flex;flex-direction:column;background:#faf9f6;box-shadow:15px 0 35px #29251a15;padding:22px 16px}.session-history header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.session-history header strong{font-size:15px}.session-history header small{display:block;margin-top:7px;font-size:10px;color:#a2988a}.session-history header button{padding:7px;border-radius:6px}.new-session{display:flex;align-items:center;justify-content:center;gap:8px;background:#35352e;color:#fff;padding:12px;border-radius:8px;font-size:12px}.new-session:hover{background:#565446}.session-search{width:100%;padding:11px 12px;border:1px solid #e5e0d7;border-radius:8px;background:#fff;font-size:11px;margin:14px 0}.session-list{flex:1;overflow-y:auto}.session-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 8px;margin-bottom:5px;border-radius:9px}.session-list>button.active{background:#eee9df}.session-list img,.session-placeholder{width:40px;height:40px;object-fit:cover;border-radius:7px;flex-shrink:0}.session-placeholder{display:grid;place-items:center;background:#e8e3d8;color:#a39a88}.session-list button>span:last-child{min-width:0}.session-list strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.session-list small{display:block;font-size:10px;color:#a49a8a;margin-top:6px}.local-note,.no-sessions{font-size:10px;color:#a49a8a;text-align:center;margin-top:16px}.error{position:relative;font-size:11px;line-height:1.8;padding:10px 24px 10px 10px;background:#fff1eb;color:#a14326;border-radius:7px;margin-bottom:10px}.error button{position:absolute;right:2px;top:4px}.eyebrow{font-size:9px;letter-spacing:2px;color:#ada591}.image-canvas{position:absolute;inset:0;overflow:hidden;background-image:radial-gradient(#d7dcd0 .8px,transparent .8px);background-size:20px 20px;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:65px;pointer-events:none}.empty-icon{width:74px;height:74px;display:grid;place-items:center;border:1px solid #dde5d3;border-radius:22px;background:#edf1e5;color:#7f9aaa;transform:rotate(-7deg);margin-bottom:30px}.canvas-empty h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:17px 0;color:#536774}.canvas-empty p{text-align:center;color:#9ca68f;font-size:13px;line-height:1.9}.shortcut{margin-top:20px;padding:9px 13px;border:1px solid #e0e5d6;border-radius:6px;font-size:11px;color:#748b99;background:#f9fbf5}.canvas-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0}.image-card{position:absolute;transform:translate(-50%,-50%);border:1px solid #d8dece;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 10px 30px #24351c12;cursor:grab}.image-card.selected{outline:2px solid #8faabd;outline-offset:3px;z-index:2}.image-card header,.image-card footer{height:40px;padding:0 12px;display:flex;align-items:center;gap:10px;justify-content:space-between}.image-card header strong{max-width:75%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:550}.image-card small{font-size:10px;color:#9ba38f}.image-card footer button{display:flex;align-items:center;gap:5px;font-size:10px;padding:6px 8px;border-radius:5px;background:#edf3f6;color:#5f7785}.canvas-image-button{position:relative;line-height:0;background:#eee;overflow:hidden}.canvas-image-button>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.canvas-image-button>.visual-annotation-layer{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:block;touch-action:none}.canvas-image-button>.visual-annotation-layer:focus{outline:none}.canvas-image-button>.visual-annotation-layer.tool-idle{pointer-events:none}.visual-annotation-layer:not(.tool-idle){cursor:crosshair}.visual-annotation-selected,.visual-annotation-marquee{fill:#accc3b18;stroke:#7f9a3c;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;pointer-events:none}.region-overlays{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.region-outline{fill:#5f829815;stroke:#6f96ad;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.region-brush{fill:none;stroke:#6f96ad;opacity:.38;stroke-linecap:round;stroke-linejoin:round}.canvas-region-badge{position:absolute;z-index:4;transform-origin:center;display:grid;place-items:center;min-width:24px;height:24px;border:0;background:#6f96ad;color:#edf5ff;padding:0 6px;border-radius:7px;white-space:nowrap;line-height:1;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.canvas-region-badge:hover{background:#5f8298}.region-edit-popover{z-index:20;transform:none;min-width:0;max-width:none;line-height:1.4;white-space:normal;flex-wrap:wrap}.region-edit-popover:after{display:none}.region-edit-popover input{width:100px;-webkit-user-select:text;user-select:text}.region-reference-add{display:grid!important;place-items:center;width:29px;height:29px;border:1px dashed #b8cce9;border-radius:8px;color:#5f8298!important;background:#f5f9ff}.region-reference-preview{position:relative;display:inline-flex;flex-shrink:0}.region-reference-preview img{width:30px;height:30px;object-fit:cover;border-radius:6px}.region-reference-preview button{position:absolute;top:-6px;right:-6px;width:16px;height:16px!important;padding:0!important;border:1px solid #ddd;background:#fff;color:#777}.region-reference-menu{position:absolute;right:10px;bottom:48px;z-index:3;display:flex;flex-direction:column;gap:2px;min-width:150px;max-width:220px;max-height:220px;overflow:auto;padding:5px;background:#fff;border:1px solid #e4e0d8;border-radius:10px;box-shadow:0 9px 28px #29251a22}.region-reference-menu button{display:flex;align-items:center;gap:7px;width:100%;padding:7px;border-radius:7px;text-align:left;font-size:11px;color:#514c43;overflow:hidden}.region-reference-menu button:hover{background:#f3f5f9}.region-reference-menu img{width:25px;height:25px;object-fit:cover;border-radius:4px}.region-chip{width:100%}.region-chip input{min-width:0;width:100%;border:0;background:transparent;color:#527084;font-size:12px;padding:3px 0;outline:none}.region-reference-picker{display:flex;align-items:center;gap:7px}.region-reference-menu{bottom:auto;top:calc(100% + 6px);right:0}.region-reference-menu button{height:34px;flex-shrink:0}.region-reference-status{position:absolute;left:0;right:0;top:calc(100% + 6px);padding:8px 10px;border:1px solid #e3e0da;border-radius:8px;background:#fff;color:#777168;font-size:11px;box-shadow:0 5px 15px #29251a12}.region-chip>.region-reference-preview{overflow:visible}.region-chip .region-reference-preview button{width:16px;background:#fff;border:1px solid #c2d6ee}.region-message-reference{width:32px;height:32px;object-fit:cover;border-radius:5px;flex-shrink:0}.picking-region-reference .image-card{cursor:copy}.picking-region-reference .image-card:hover{outline:3px solid #6f96ad}.picking-region-reference .image-card button,.picking-region-reference .visual-annotation-layer{pointer-events:none}.region-pick-notice{position:absolute;z-index:22;top:12px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);display:flex;align-items:center;gap:12px;padding:10px 14px;background:#eef5ff;color:#5f8298;border:1px solid #c7d8e2;border-radius:10px;font-size:12px;white-space:nowrap}.region-pick-notice button{font-size:11px;color:#6b7f98}.region-transfer{position:fixed;z-index:120;pointer-events:none;-webkit-user-select:none;user-select:none;transform:translate(-50%,-50%);padding:8px 12px;border:1px solid #b8d5ff;border-radius:10px;background:#eaf3ff;color:#527084;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 7px 18px #5f829824}.visual-text-editor{position:absolute;z-index:4;transform:translate(-50%,-50%);min-width:100px;min-height:30px;padding:5px 9px;font-family:Arial,sans-serif;font-weight:700;line-height:1.2;text-align:center}.visual-text-measure{display:block;visibility:hidden;white-space:pre;font:inherit;line-height:inherit}.visual-text-draft{position:absolute;inset:0;width:100%;height:100%;min-width:0;border:1px dashed #728c57;border-radius:3px;background:#ffffffdc;color:inherit;font:inherit;padding:4px 8px;line-height:1.2;text-align:center;outline:none}.edit-toolbar{position:absolute;bottom:54px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:3px;padding:7px;background:#fff;border:1px solid #dee4d3;box-shadow:0 10px 35px #27351c18;border-radius:12px;white-space:nowrap}.edit-toolbar button{width:33px;height:33px;display:grid;place-items:center;border-radius:6px;color:#6f8999}.edit-toolbar button.active{background:#e7eef2;color:#527084}.edit-toolbar i{height:20px;width:1px;background:#e4e8dc;margin:0 3px}.edit-toolbar input[type=color]{width:24px;height:27px;border:0;padding:1px;background:transparent}.canvas-size-control{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:0 7px;cursor:pointer}.canvas-size-preview{display:grid;place-items:center;width:22px;height:27px}.canvas-size-preview>span{display:block;border-radius:50%;background:#6f8999}.canvas-size-slider{appearance:none;width:76px;height:4px;margin:12px 0;border:0;border-radius:3px;background:#e0e5d8;cursor:pointer}.canvas-size-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#6f8999;box-shadow:0 0 0 1px #a5bbc8}.canvas-size-slider::-moz-range-thumb{width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#6f8999;box-shadow:0 0 0 1px #a5bbc8}.canvas-size-slider:focus-visible{outline:2px solid #6f8999;outline-offset:5px}.canvas-size-slider:disabled{opacity:.45;cursor:default}.canvas-tip{position:absolute;bottom:18px;left:20px;color:#9ba58d;font-size:10px;pointer-events:none}.canvas-error{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:30;display:flex;gap:7px;align-items:center;background:#fff;padding:11px 18px;border:1px solid #dce2d2;border-radius:8px;box-shadow:0 5px 20px #24301a16;font-size:12px}.canvas-error{color:#a34c2b}.image-canvas{background-image:radial-gradient(#dbd7ce .8px,transparent .8px)}.empty-icon{background:#eeeae1;border-color:#e2dccf;color:#a39881}.canvas-empty h1{color:#68604e;font-size:29px}.canvas-empty p{color:#aaa18f}.shortcut{color:#a09680;border-color:#e4dece;background:#fbfaf6}.canvas-tip{color:#a49b88}.edit-toolbar{max-width:calc(100% - 24px);overflow-x:auto}.edit-toolbar button{flex-shrink:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-card{border:1px dashed #aaa38f;pointer-events:none}.generating-preview{position:relative;overflow:hidden;background:linear-gradient(135deg,#c7c3b7,#929c8a,#d9cabc)}.generating-preview>img{width:100%;height:100%;object-fit:cover;filter:blur(12px) brightness(.75) saturate(.65);transform:scale(1.06)}.generating-glass{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#f5f4ed18;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-shadow:0 2px 8px #24201955}.generating-status>strong{font-size:18px;font-weight:500}.generating-status>span{font-size:12px;line-height:1.7;text-align:center;max-width:90%;overflow-wrap:anywhere}.generating-card footer{justify-content:center}@media(prefers-reduced-motion:reduce){.generating-glass .spin{animation:none}}@media(max-width:1100px){.prompt-panel{width:300px}.workspace-header{padding:0 12px}.canvas-area{margin:12px}.canvas-empty h1{font-size:24px}}@media(max-width:760px){.nav-rail{width:52px;padding:20px 4px 12px}.nav-rail button{width:42px}.prompt-panel{width:260px}.session-header{padding:15px 12px;height:65px}.workspace-header{height:65px;padding:0 7px;gap:5px}.conversation{padding:20px 12px}.composer-area{padding:10px 10px 0}.canvas-area{margin:7px}.canvas-toolbar{padding:4px 6px}.canvas-empty h1{font-size:18px}.canvas-empty p{font-size:10px}.canvas-empty .eyebrow{display:none}.empty-icon{width:46px;height:46px;border-radius:14px;margin-bottom:10px}.canvas-tip{max-width:calc(100% - 25px);font-size:9px;line-height:1.7;left:12px}.edit-toolbar{padding:4px;bottom:55px;gap:1px}.edit-toolbar button{width:28px}.history-scrim{left:52px}.session-history{left:52px;max-width:calc(100vw - 52px)}}@media(max-width:540px){.prompt-panel{position:absolute;z-index:35;left:52px;top:0;bottom:0;width:min(300px,calc(100vw - 92px));box-shadow:10px 0 30px #29251a15}}.canvas-wordmark{position:absolute;right:18px;bottom:16px;width:100px;max-width:25%;height:auto;opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-tip{max-width:calc(100% - 150px)}.context-status{font-size:11px;color:#527084;margin:0 0 10px}.working-dots{display:flex;align-items:center;gap:5px;min-height:22px;padding:3px 2px}.working-dots span{width:5px;height:5px;border-radius:50%;background:#6f8999;animation:working-dot 1.2s ease-in-out infinite}.working-dots span:nth-child(2){animation-delay:.16s}.working-dots span:nth-child(3){animation-delay:.32s}@keyframes working-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.working-dots span{animation:none;opacity:.7}}.smart-selection-status{position:absolute;left:50%;top:20px;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #b3c5d3;border-radius:10px;background:#f4f7f9;color:#4e6a7f;font-size:12px;box-shadow:0 4px 18px #192b3615}.smart-selection-status button{margin-left:8px;color:#4e6a7f}.canvas-image-button{background-color:#f5f5f5;background-image:conic-gradient(#e7e9eb 25%,transparent 0 50%,#e7e9eb 0 75%,transparent 0);background-size:16px 16px}.image-context-menu{position:fixed;z-index:100;width:224px;padding:6px;background:#fcfcfb;border:1px solid #d8e0e5;border-radius:12px;box-shadow:0 10px 38px #182b3429;color:#394852;max-height:calc(100vh - 16px);overflow-y:auto}.image-context-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;text-align:left;font-size:12px}.image-context-menu button span{flex:1}.image-context-menu button:hover,.image-context-menu button:focus-visible{background:#e8eff4;outline:none}.image-context-menu button:disabled{color:#a3aaaf;cursor:default;background:none}.image-context-menu hr{border:0;border-top:1px solid #e2e7eb;margin:5px}.image-context-menu .danger{color:#a35353}.image-context-menu kbd{font-size:10px;color:#939b9f}.image-filter-submenu{width:180px;z-index:101}.image-filter-submenu small{display:block;padding:4px 10px;color:#929da4;font-size:10px}.image-size-dialog{width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;border:1px solid #cbd7df;border-radius:16px;padding:24px;color:#394852;background:#fafbf9;box-shadow:0 20px 70px #152b3540}.image-size-dialog::backdrop{background:#18232b70}.image-size-dialog h2{margin:0 0 8px;font-size:18px}.image-size-dialog p{font-size:12px;color:#78858d;line-height:1.6}.size-fields{display:flex;align-items:center;gap:12px;margin:18px 0}.size-fields label{display:grid;gap:6px;font-size:12px;min-width:0;flex:1}.size-fields input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #cbd7df;border-radius:7px;padding:9px;color:#394852}.size-lock{display:flex;align-items:center;gap:8px;font-size:12px}.size-anchor-row{display:flex;align-items:center;gap:18px;font-size:12px}.size-anchors{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.size-anchors button{height:26px;border:1px solid #cbd7df;border-radius:4px}.size-anchors button.active{background:#b3c5d3}.size-preview{height:256px;margin-top:18px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e5e9eb 0% 25%,#f3f5f6 0% 50%) 0/16px 16px;border:1px solid #dbe2e6;border-radius:8px;overflow:hidden}.image-size-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.image-size-dialog footer button{padding:9px 20px;border-radius:8px;background:#e9eef1}.image-size-dialog footer button[type=submit]{background:#b3c5d3}.image-size-dialog button:disabled{opacity:.45}.export-name{display:grid;gap:7px;margin-top:18px;font-size:12px}.export-name>div{display:flex;align-items:center;gap:8px}.export-name input{flex:1;min-width:0;border:1px solid #cbd7df;border-radius:7px;padding:9px;background:#fff}.export-formats{display:flex;gap:7px;margin-top:16px}.export-formats button{padding:8px 18px;border:1px solid #cbd7df;border-radius:7px}.export-formats button[aria-pressed=true]{background:#b3c5d3;border-color:#95afbf}.export-quality{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:16px}.export-quality input{flex:1;accent-color:#8ca7b9}.export-quality span{min-width:36px}.image-export-dialog .size-preview{height:190px}.storage-notice{position:absolute;right:20px;bottom:60px;z-index:30;width:min(340px,calc(100% - 40px));padding:18px;background:#f4f8fb;border:1px solid #b3c5d3;border-radius:14px;box-shadow:0 8px 30px #253f5320;color:#365064}.storage-notice strong{font-size:14px}.storage-notice p{font-size:12px;line-height:1.7;margin:10px 0}.storage-notice button{color:#365064;background:#dce7ef;border-radius:8px;padding:7px 14px;font-size:12px}.nav-rail .settings-rail-button{margin-top:auto}.nav-rail .account-rail-button{margin-top:0}.settings-overlay{position:fixed;inset:0;z-index:150;background:#17252f66;display:grid;place-items:center;padding:20px}.settings-dialog{width:min(420px,100%);padding:30px;background:#fcfcfa;border:1px solid #dee5e8;border-radius:20px;box-shadow:0 24px 80px #152c4030;outline:none}.settings-dialog h2{font-size:24px;margin:0 0 28px}.settings-dialog h3{font-size:14px;margin:0 0 10px}.settings-dialog p{font-size:12px;line-height:1.8;color:#75828b;margin-bottom:20px}.language-options{display:grid;gap:8px}.language-options button{display:flex;justify-content:space-between;padding:14px;border:1px solid #dde5ea;border-radius:10px;text-align:left}.language-options button[aria-pressed=true]{background:#edf3f6;border-color:#8faabd;color:#42657c}.settings-done{display:block;width:100%;padding:12px;margin-top:26px;border-radius:10px;background:#344d5e;color:#fff}.settings-done:hover{background:#45677e}.composer-actions>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-actions .skill-select{margin-left:auto;max-width:155px;min-width:0;flex-shrink:1;padding:0 8px;gap:5px;background:var(--brand-pale);color:#536f82;border-radius:9px}.composer-actions .skill-select>span{overflow:hidden;text-overflow:ellipsis;color:#536f82;font-size:11px}.composer-actions .send-button{margin-left:0;flex-shrink:0}.skill-select:hover,.skill-select.is-open{background:#e0eaf0}.skill-menu{border-color:#d8e3eb;box-shadow:0 -8px 28px #31495818}.skill-menu .toolbar-option.highlighted{background:#f2f6f8}.skill-menu .toolbar-option[aria-selected=true]{background:var(--brand-pale);color:#536f82}.skill-menu .toolbar-option small{color:#7b8b96;line-height:1.5}.image-grid-dialog{width:640px}.grid-preview-stage{display:flex;align-items:center;justify-content:center;min-height:120px;padding:16px;background:#e9eef1;border-radius:8px}.grid-preview{position:relative;line-height:0;-webkit-user-select:none;user-select:none}.grid-preview img{display:block;width:100%;height:100%;pointer-events:none}.grid-divider{position:absolute;padding:0!important;border:0;background:transparent!important;border-radius:0!important;touch-action:none;z-index:1}.grid-divider-x{width:16px;height:100%;top:0;transform:translate(-50%);cursor:col-resize}.grid-divider-y{height:16px;width:100%;left:0;transform:translateY(-50%);cursor:row-resize}.grid-divider:before{content:"";position:absolute;background:#fff;box-shadow:0 0 0 1px #18232b88}.grid-divider-x:before{left:7px;top:0;width:2px;height:100%}.grid-divider-y:before{top:7px;left:0;height:2px;width:100%}.grid-divider span{position:absolute;width:10px;height:10px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px #18232b88;left:50%;top:50%;transform:translate(-50%,-50%)}.grid-divider:hover:before,.grid-divider:focus-visible:before,.grid-divider:focus-visible span{background:#ee603e}.grid-divider:focus-visible{outline:2px solid #ee603e;z-index:2}.grid-reset{padding:9px;border-radius:7px;background:#e9eef1;font-size:12px;align-self:end}.canvas-marquee{pointer-events:none;border:1px solid #648cba;background:#648cba25;z-index:30}.image-canvas.is-panning,.image-canvas.is-panning *{cursor:grabbing!important}.grid-divider.active:before,.grid-divider.active span{background:#ee603e}.image-grid-dialog .grid-status{display:flex;justify-content:space-between;gap:12px;margin:8px 0;min-height:20px}.image-grid-dialog footer{margin-top:10px}.canvas-world .image-card>header,.canvas-world .image-card>footer{display:block;height:var(--chrome-height);padding:0;overflow:hidden}.card-chrome-content{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;width:calc(100% * var(--canvas-zoom));height:var(--chrome-screen-height);transform:scale(var(--canvas-ui-scale));transform-origin:top left;container-type:inline-size;overflow:hidden}.image-card .card-chrome-content strong{font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card .card-chrome-content small,.image-card .card-chrome-content button{font-size:11px;white-space:nowrap;flex-shrink:0}@container (max-width:240px){.card-chrome-content button span{display:none}.card-chrome-content strong+small{display:none}.card-chrome-content button{padding:4px}}@container (max-width:130px){.card-chrome-content>small{display:none}.card-chrome-content>button{margin-left:auto}}.canvas-world .image-card{border-radius:min(10px,calc(10px * var(--canvas-ui-scale,1)));border-width:calc(1px * var(--canvas-ui-scale,1))}.canvas-world .image-card.selected{outline-width:calc(2px * var(--canvas-ui-scale,1));outline-offset:calc(3px * var(--canvas-ui-scale,1))}@container (max-width:240px){.image-card .card-chrome-content button{background:transparent;border:0;box-shadow:none;border-radius:0;padding:4px;color:#5f7785}.image-card .card-chrome-content button:hover{background:transparent;color:#294b65}}.skill-select>svg,.skill-menu .toolbar-option-label>svg{flex-shrink:0}.generating-status{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;transform:scale(var(--canvas-ui-scale,1));transform-origin:center;container-type:inline-size;overflow:hidden;text-align:center}.generating-status>.spin{flex-shrink:0}.generating-status>span{max-width:360px;width:100%}@container (max-width:180px){.generating-status>span{display:none}.generating-status>strong{font-size:13px}}@container (max-width:90px){.generating-status>strong{display:none}.generating-status>.spin{width:20px;height:20px}}.canvas-restore-glass{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#f4f1ecaa;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);cursor:wait}.canvas-restore-status{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:340px;padding:24px;text-align:center;color:#526f80;font-size:14px;line-height:1.6}.canvas-restore-status button{padding:7px 18px;border:1px solid #bbcbd4;border-radius:7px;background:#ffffffc9;color:inherit;cursor:pointer}@media(prefers-reduced-motion:reduce){.canvas-restore-status .spin{animation:none}}.photo-chat-plan{min-width:0;width:100%}.photo-chat-analysis{font-size:12px;line-height:1.6;margin:0 0 10px;white-space:pre-wrap}.photo-plan-options{display:grid;gap:6px}.photo-plan-options>button{text-align:left;padding:9px 10px;border:1px solid #dce3e8;border-radius:8px;background:#fff;color:inherit;min-width:0}.photo-plan-options strong{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.photo-plan-options strong svg{flex-shrink:0}.photo-plan-options button>span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:#657781;overflow-wrap:anywhere}.listing-copy-preview{display:grid;gap:3px;margin-top:7px;padding-top:6px;border-top:1px solid #e1e8eb}.listing-copy-preview span{font-size:10px;line-height:1.35;color:#526875;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listing-copy-preview b{font-weight:600;color:#3e5c6d}.photo-plan-options>button[aria-pressed=true]{border-color:#7596ab;background:#edf4f8}.photo-plan-options>button:disabled{cursor:default}.photo-plan-options>button:disabled:not([aria-pressed=true]){opacity:.7}.photo-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.photo-chat-actions small{font-size:11px;color:#71818b}.photo-chat-actions button{padding:8px 10px;border:0;border-radius:7px;background:#344f60;color:#fff;font:inherit;font-size:11px}.photo-chat-actions button:disabled{opacity:.45;cursor:default}.photo-chat-plan button:focus-visible{outline:2px solid #7094ae;outline-offset:2px}.photo-plan-error{color:#a14326;font-size:12px}.photo-chat-plan [role=status]{display:flex;align-items:center;gap:8px;font-size:12px}.skill-menu-footer{display:flex;justify-content:flex-end;border-top:1px solid #e4eaee;margin-top:4px;padding:5px 6px 0}.skill-more{padding:7px 10px;color:#536f82;font-size:12px;border-radius:6px}.skill-more:hover{background:#edf3f6}.skill-library{box-sizing:border-box;width:min(1120px,calc(100vw - 64px));max-width:none;height:min(820px,calc(100dvh - 64px));max-height:none;padding:0;border:1px solid #d8e1e7;border-radius:18px;background:#fafbf9;color:#394852;overflow:hidden;box-shadow:0 24px 90px #14293740}.skill-library::backdrop{background:#1e2c3970;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-library[open]{display:flex;flex-direction:column}.skill-library-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:25px 30px 22px;border-bottom:1px solid #e3e8ea}.skill-library h2{margin:0;font-size:25px;font-weight:550;letter-spacing:-.6px}.skill-library-header p{margin:7px 0 0;font-size:12px;color:#7b8992}.skill-library-close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.skill-library-close:hover{background:#e7edf1}.skill-library-scroll{overflow:auto;padding:26px 30px;min-height:0}.skill-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.skill-library-card{break-inside:avoid;margin:0 0 25px;display:inline-block;width:100%}.skill-preview-button{display:block;position:relative;width:100%;padding:0;text-align:left;overflow:hidden;border-radius:10px;background:#e7ecef}.skill-preview{position:relative;overflow:hidden;width:100%}.skill-preview img{display:block;width:100%;height:100%;object-fit:cover}.preview-outpaint{aspect-ratio:1.1}.outpaint-margin{position:absolute;top:0;bottom:0;width:25%;background:#fff;transition:width 1.4s ease}.outpaint-margin.left{left:0}.outpaint-margin.right{right:0}.preview-grid.portrait{aspect-ratio:3/4}.preview-grid.social{aspect-ratio:1}.skill-nine{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px}.skill-nine img{opacity:0;transform:scale(.94);transition:opacity .45s,transform .45s;min-height:0}.preview-listing{aspect-ratio:3/4}.preview-listing .listing-source{height:100%;object-fit:cover}.listing-result{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .5s ease}.listing-result img{height:auto;min-height:100%;transform:translateY(0);transition:transform .3s ease}.skill-preview-button:is(:hover,:focus-visible) .outpaint-margin{width:0}.skill-preview-button:is(:hover,:focus-visible) .skill-nine img{opacity:1;transform:scale(1)}.skill-preview-button:is(:hover,:focus-visible) .listing-result{opacity:1;transition-delay:.45s}.skill-preview-button:is(:hover,:focus-visible) .listing-result img{transform:translateY(-25%);transition:transform 3s ease 1.2s}.skill-use{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:7px;background:#ffffffed;color:#324c5d;font-size:12px;opacity:0;transition:opacity .2s}.skill-preview-button:is(:hover,:focus-visible) .skill-use{opacity:1}.skill-library-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 0 0}.skill-library-caption h3{display:flex;gap:7px;align-items:center;font-size:14px;font-weight:550;margin:0}.skill-library-caption p{font-size:11px;color:#7b8992;margin:6px 0 0}.skill-pin{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #d5dfe5;border-radius:8px;color:#788995}.skill-pin[aria-pressed=true]{background:#e6eff4;color:#52758b;border-color:#bed0dc}.skill-library button:focus-visible,.skill-more:focus-visible{outline:2px solid #6e95af;outline-offset:3px}@media(max-width:900px){.skill-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.skill-library{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.skill-masonry{grid-template-columns:1fr}.skill-library-header,.skill-library-scroll{padding:20px}.skill-library-header p{max-width:240px;line-height:1.5}.skill-use{opacity:1}}@media(prefers-reduced-motion:reduce){.skill-preview *,.skill-use{transition:none!important}}.preview-try-on{aspect-ratio:555/800;background:#fafafa}.preview-try-on .try-on-source{object-fit:contain}.try-on-results{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.try-on-cell{position:relative;overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .45s ease,transform .45s ease}.try-on-cell img{position:absolute;width:300%;height:200%;max-width:none;object-fit:fill}.skill-preview-button:is(:hover,:focus-visible) .try-on-cell{opacity:1;transform:scale(1)}.preview-product{aspect-ratio:1}.product-four{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px}.product-four img{min-height:0;opacity:0;transform:scale(.96);transition:opacity .45s,transform .45s}.skill-preview-button:is(:hover,:focus-visible) .product-four img{opacity:1;transform:scale(1)}.preview-ads{aspect-ratio:9/16;background:#f4ebe0;display:grid;place-items:center}.preview-ads .ads-source{object-fit:contain;transition:opacity .35s,transform .55s}.ads-four{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;opacity:0;transition:opacity .3s}.ads-four img{min-width:0;min-height:0;object-fit:contain;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s,transform .55s}.skill-preview-button:is(:hover,:focus-visible) .ads-source{opacity:0;transform:scale(.9)}.skill-preview-button:is(:hover,:focus-visible) .ads-four{opacity:1}.skill-preview-button:is(:hover,:focus-visible) .ads-four img{opacity:1;transform:translateY(0) scale(1)}.preview-youtube{aspect-ratio:16/9;background:#eef2f3;display:grid;place-items:center}.preview-youtube .youtube-source{width:31%;height:92%;object-fit:contain;transition:opacity .35s,transform .55s}.youtube-four{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;opacity:0}.youtube-four img{min-width:0;min-height:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.96);transition:opacity .45s,transform .55s}.skill-preview-button:is(:hover,:focus-visible) .preview-youtube .youtube-source{opacity:0;transform:scale(.9)}.skill-preview-button:is(:hover,:focus-visible) .youtube-four{opacity:1}.skill-preview-button:is(:hover,:focus-visible) .youtube-four img{opacity:1;transform:scale(1)}