@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&family=Dancing+Script:wght@400;500;600;700&family=Lato:wght@300;400;700;900&family=Manrope:wght@400;500;600;700;800&family=Merriweather:wght@300;400;700;900&family=Montserrat:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@300;400;500;600;700;800&family=Oswald:wght@300;400;500;600;700&family=Pacifico&family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap";:root{--bg:#151718;--panel:#1c1e1f;--panel-2:#232526;--panel-3:#303233;--line:#383a3b;--line-soft:#303233;--text:#f3f3f3;--muted:#a7a69e;--accent:#f3f3f3;--danger:#ef7e87;--radius:6px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:12px}button,input,textarea,select{font:inherit}button{color:inherit}.studio{height:100vh;min-height:680px;display:grid;grid-template-columns:66px 260px minmax(440px,1fr) 286px;background:var(--bg)}.sidebar{z-index:5;display:flex;flex-direction:column;align-items:stretch;border-right:1px solid var(--line);background:#181a1b;padding:14px 8px}.brandmark{display:grid;justify-items:center;gap:1px;margin:2px 0 18px;font-size:10px;color:#bbb}.brandmark span{font-size:22px;color:var(--accent)}.brandmark b{font-size:10px;letter-spacing:.08em}.sidebar nav{display:grid;gap:3px}.nav-item,.tool-button{position:relative;display:grid;place-items:center;gap:2px;min-height:44px;padding:5px 2px;border:0;border-radius:5px;background:transparent;color:#999;cursor:pointer;font-size:18px}.nav-item span,.tool-button span{font-size:8px;font-weight:600}.nav-item:hover,.tool-button:hover{background:#292929;color:#fff}.nav-item.active,.tool-button.active{background:#303233;color:#fff;box-shadow:inset 2px 0 var(--accent)}.editor-tools{display:grid;gap:2px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.side-bottom{display:flex;justify-content:center;gap:3px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line-soft)}.side-bottom button{width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:#888;cursor:pointer}.side-bottom button:hover{background:#2d2d2d;color:#fff}.layers-panel,.inspector{min-width:0;overflow:auto;background:var(--panel);scrollbar-width:thin;scrollbar-color:#555 transparent}.layers-panel{border-right:1px solid var(--line)}.layers-panel header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 16px 15px}.kicker{color:#858585;font:9px DM Mono;letter-spacing:.12em}.layers-panel h1{margin:5px 0 0;font-size:15px;line-height:1.35}.more{width:26px;height:26px;border:0;border-radius:4px;background:transparent;color:#888;cursor:pointer}.more:hover{background:#303233;color:#fff}.canvas-info{display:flex;justify-content:space-between;margin:0 16px;padding:10px 0;border-block:1px solid var(--line-soft);color:#8c8c8c;font:9px DM Mono}.layers-title{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 8px;color:#aaa;font:9px DM Mono;letter-spacing:.08em}.layers-title span:last-child{color:#666;letter-spacing:0}.group-actions{display:flex;gap:5px;padding:0 10px 8px}.group-actions button{flex:1;padding:6px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#888;font-size:9px;cursor:pointer}.group-actions button:hover{border-color:#5a5a5a;color:#ddd}.layers-list{padding:0 6px 16px}.layer-row{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#c9c9c9}.layer-row:hover{background:#232526}.layer-row.active{background:#303233;border-color:#62645f;color:#fff}.layer-row.dragging{opacity:.35}.layer-row.drag-over{border-top-color:var(--accent)}.layer-grip{width:10px;color:#666;cursor:grab}.layer-main{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.layer-symbol{display:grid;place-items:center;width:20px;height:20px;color:#aaa;font-size:14px}.layer-copy{display:grid;gap:1px;min-width:0;flex:1}.layer-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:600;white-space:nowrap}.layer-copy small{overflow:hidden;text-overflow:ellipsis;color:#747474;font:8px DM Mono;white-space:nowrap}.layer-action{width:22px;height:22px;padding:0;border:0;border-radius:4px;background:transparent;color:#777;cursor:pointer;opacity:.35}.layer-row:hover .layer-action,.layer-row.active .layer-action{opacity:1}.layer-action:hover{background:#414141;color:#fff}.workspace{display:flex;min-width:0;flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 16px;border-bottom:1px solid var(--line);background:#1c1e1f}.workspace-title{font-size:11px;font-weight:600}.saved{display:block;margin-top:3px;color:#777;font-size:8px}.saved:first-letter{color:#65cb88}.toolbar-actions{display:flex;align-items:center;gap:5px}.toolbar-actions button{height:29px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:#292929;color:#bbb;cursor:pointer;font-size:10px}.toolbar-actions button:hover{background:#343434;color:#fff}.toolbar-actions button:disabled{opacity:.35}.toolbar-actions #undo-button,.toolbar-actions #redo-button{width:29px;padding:0;font-size:16px}.export{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important;font-weight:700!important}.clip-toggle.active{border-color:#777971!important;background:#303233!important;color:#f3f3f3!important}.refinement-toggle,.switch-row{display:flex;align-items:center;gap:7px;cursor:pointer}.refinement-toggle{margin-right:3px;color:#aaa;font-size:9px}.refinement-toggle input,.switch-row>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:28px;height:16px;margin:0;border:0;border-radius:9px;background:#484848;cursor:pointer}.refinement-toggle input:after,.switch-row>input:after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#ddd;transition:.15s}.refinement-toggle input:checked,.switch-row>input:checked{background:var(--accent)}.refinement-toggle input:checked:after,.switch-row>input:checked:after{left:15px}.canvas-zone{display:grid;place-items:center;flex:1;overflow:auto;padding:34px;background:#151718;background-image:linear-gradient(45deg,#181818 25%,transparent 25%),linear-gradient(-45deg,#181818 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#181818 75%),linear-gradient(-45deg,transparent 75%,#181818 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.artboard-wrap{width:min(76%,680px);filter:drop-shadow(0 18px 30px #0009)}.artboard{position:relative;width:100%;overflow:hidden;container-type:inline-size}.artboard.show-outside{overflow:visible}.art-layer{position:absolute;touch-action:none;-webkit-user-select:none;user-select:none;cursor:move}.art-layer.is-locked{pointer-events:none}.art-layer.is-dragging{z-index:999!important;cursor:grabbing}.text-layer{line-height:1.04;white-space:normal}.image-frame{overflow:visible}.pattern-layer{overflow:hidden}.image-content{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center;pointer-events:none}.path-layer{overflow:visible}.gradient-layer{pointer-events:auto}.pattern-cell{position:absolute;display:block;white-space:nowrap;transform-origin:center}.pattern-cell img{display:block;width:6cqw;height:6cqw;object-fit:contain}.pattern-shape{display:block;width:5cqw;height:5cqw}.selection-box{position:absolute;z-index:1000;border:1px solid var(--accent);transform-origin:center;pointer-events:none}.resize-handle,.gradient-handle{position:absolute;width:10px;height:10px;padding:0;border:1px solid #111;background:#fff;pointer-events:auto;touch-action:none;box-shadow:0 0 0 1px var(--accent)}.resize-handle{border-radius:1px}.handle-nw{left:-5px;top:-5px;cursor:nwse-resize}.handle-ne{right:-5px;top:-5px;cursor:nesw-resize}.handle-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.handle-se{right:-5px;bottom:-5px;cursor:nwse-resize}.gradient-vector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.gradient-vector line{stroke:#f8f8f8;stroke-width:.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #000)}.gradient-handle{z-index:10;margin:-5px 0 0 -5px;border-radius:50%;cursor:crosshair}.gradient-end{background:var(--accent)}.gradient-stop-handle{position:absolute;z-index:11;width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--stop-color,#000);box-shadow:0 0 0 1px #111;transform:translate(-50%,10px);cursor:grab;pointer-events:auto}.mask-editor-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1100;width:100%;height:100%;transform-origin:center;pointer-events:none}.mask-edit-box{position:absolute;border:1px solid #d6d5cf;box-shadow:0 0 0 300vmax #0000007a;pointer-events:auto;touch-action:none;cursor:move}.mask-edit-label{position:absolute;left:0;top:-23px;padding:3px 6px;border-radius:3px;background:var(--accent);color:#fff;font:8px DM Mono;white-space:nowrap}.mask-handle{position:absolute;width:10px;height:10px;padding:0;border:1px solid #111;background:#fff;box-shadow:0 0 0 1px var(--accent);pointer-events:auto;touch-action:none}.mask-nw{left:-5px;top:-5px;cursor:nwse-resize}.mask-n{left:50%;top:-5px;transform:translate(-50%);cursor:ns-resize}.mask-ne{right:-5px;top:-5px;cursor:nesw-resize}.mask-e{right:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.mask-se{right:-5px;bottom:-5px;cursor:nwse-resize}.mask-s{left:50%;bottom:-5px;transform:translate(-50%);cursor:ns-resize}.mask-sw{left:-5px;bottom:-5px;cursor:nesw-resize}.mask-w{left:-5px;top:50%;transform:translateY(-50%);cursor:ew-resize}.inspector{border-left:1px solid var(--line)}.inspector-tabs{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;padding:7px;border-bottom:1px solid var(--line);background:#1d1d1d}.inspector-tabs button{padding:7px;border:0;border-radius:4px;background:transparent;color:#777;font-size:9px;font-weight:700;cursor:pointer}.inspector-tabs button.active{background:#303233;color:#fff}.inspector-name{display:flex;align-items:center;gap:8px;padding:13px 12px}.inspector-name>input{min-width:0;flex:1;border:0!important;background:transparent!important;padding:4px!important;color:#eee!important;font-size:12px!important;font-weight:700!important}.type-pill{padding:3px 5px;border-radius:3px;background:#303233;color:#888;font:8px DM Mono}.inspector-section{border-top:1px solid var(--line-soft)}.inspector-section>summary{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:#c5c5c5;font-size:10px;font-weight:700;cursor:pointer;list-style:none}.inspector-section>summary::-webkit-details-marker{display:none}.inspector-section>summary span{color:#666;transition:.15s}.inspector-section[open]>summary span{transform:rotate(180deg)}.section-body{padding:0 12px 13px}.nested-section{margin-top:10px;border:1px solid var(--line-soft);border-radius:4px}.nested-section>summary{padding:8px}.nested-section>.section-body{padding:0 8px 9px}.inspector label{display:grid;gap:4px;color:#8c8c8c;font:8px DM Mono}.inspector input,.inspector textarea,.inspector select{width:100%;min-width:0;padding:7px;border:1px solid #3d3d3d;border-radius:4px;outline:none;background:#292929;color:#e8e8e8;font:10px Manrope}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-color:var(--accent)}.inspector textarea{min-height:58px;resize:vertical;line-height:1.4}.inspector input[type=range]{height:18px;padding:0;border:0;accent-color:var(--accent)}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wide-field{margin-bottom:9px}.color-control{grid-column:1/-1;display:grid;grid-template-columns:1fr 34px;gap:5px;align-items:end}.native-color{height:31px!important;padding:2px!important;cursor:pointer}.color-palette{grid-column:1/-1;display:flex;gap:4px;overflow-x:auto;padding:2px 0}.color-palette button{flex:0 0 17px;width:17px;height:17px;padding:0;border:1px solid #555;border-radius:2px;background:var(--swatch);cursor:pointer}.color-palette button:hover{outline:1px solid #fff}.switch-row{margin-top:10px;padding:9px;border-radius:4px;background:#292929}.switch-row>span{display:grid;gap:2px}.switch-row b{color:#ddd;font-size:9px}.switch-row small{color:#777;font:7px DM Mono;line-height:1.35}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-top:8px}.segmented label{display:block}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:7px;border:1px solid #414141;text-align:center;cursor:pointer}.segmented label:first-child span{border-radius:4px 0 0 4px}.segmented label:last-child span{border-left:0;border-radius:0 4px 4px 0}.segmented input:checked+span{border-color:#56779d;background:#2d3c4d;color:#dcecff}.media-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin-bottom:9px}.media-thumb{width:38px;height:38px;border:1px solid #444;border-radius:4px;background:#181818 center/contain no-repeat}.media-thumb.is-missing{display:grid;place-items:center;border-style:dashed;background:#252525}.media-thumb.is-missing:after{content:"?";color:#888;font:600 15px DM Mono}.media-card>span:nth-child(2){display:grid;min-width:0}.media-card b{overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.media-card small{color:#737373;font-size:8px}.media-card button,.mask-tool-row button,.popover-close{padding:6px 8px;border:1px solid #454545;border-radius:4px;background:#303233;color:#ddd;font-size:8px;cursor:pointer}.mask-tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-top:1px solid var(--line-soft)}.mask-tool-row>span{display:grid;gap:2px}.mask-tool-row b{font-size:10px}.mask-tool-row small{color:#777;font-size:8px}.mask-tool-row button.active{border-color:var(--accent);background:var(--accent);color:#fff}.layer-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:12px;border-top:1px solid var(--line-soft)}.layer-buttons button{height:30px;border:1px solid #3d3d3d;border-radius:4px;background:#282828;color:#aaa;cursor:pointer}.layer-buttons button:hover{background:#343434;color:#fff}.layer-buttons .danger{color:var(--danger)}.missing-asset-layer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;border:1px dashed #777;background:repeating-linear-gradient(135deg,#ececec,#ececec 8px,#e2e2e2 8px,#e2e2e2 16px);color:#333;text-align:center;overflow:hidden}.missing-asset-layer span{font:8px DM Mono;letter-spacing:.08em;text-transform:uppercase}.missing-asset-layer strong{max-width:100%;font-size:12px;line-height:1.2}.missing-asset-layer small{color:#666;font-size:8px}.text-color-control{position:relative;grid-column:1/-1;display:grid;gap:4px;color:#8c8c8c;font:8px DM Mono}.text-color-trigger{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:7px;width:100%;height:32px;padding:4px 7px;border:1px solid #3d3d3d;border-radius:4px;background:#292929;color:#ddd;text-align:left;cursor:pointer}.text-color-trigger i{width:20px;height:20px;border:1px solid #666;border-radius:2px;background:var(--text-color);box-shadow:inset 0 0 0 1px #0004}.text-color-trigger code{font:9px DM Mono}.text-color-popover{position:absolute;z-index:45;top:58px;right:0;width:220px;padding:10px;border:1px solid #4a4a4a;border-radius:4px;background:#303233;box-shadow:0 14px 32px #000b}.text-color-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.text-color-popover header strong{color:#ddd;font-size:9px}.text-color-popover .color-editor,.gradient-compact{margin:0}.gradient-toolbar{display:grid;grid-template-columns:76px 1fr;gap:8px;align-items:center}.gradient-toolbar label{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center;gap:6px!important}.gradient-ramp-wrap{position:relative;display:grid;grid-template-columns:1fr 25px;gap:7px;align-items:start;margin:24px 0 28px}.gradient-ramp{position:relative;height:20px;border:1px solid #101010;background-color:#fff;box-shadow:inset 0 0 0 1px #ffffff30}.ramp-point{position:absolute;top:100%;width:12px;height:12px;margin:5px 0 0 -6px;padding:0;border:2px solid #f2f2f2;border-radius:50%;background:var(--point);box-shadow:0 0 0 1px #111;cursor:pointer}.ramp-point.active{box-shadow:0 0 0 2px var(--accent)}.ramp-midpoint{position:absolute;bottom:100%;width:7px;height:7px;margin:0 0 5px -4px;padding:0;border:1px solid #777;background:#bcbcbc;transform:rotate(45deg);cursor:ew-resize}.gradient-ramp-wrap>#add-gradient-stop{width:24px;height:20px;padding:0;border:1px solid #484848;border-radius:3px;background:#2b2b2b;color:#bbb;cursor:pointer}.gradient-popover{position:absolute;z-index:40;top:40px;right:0;width:238px;padding:10px;border:1px solid #4a4a4a;border-radius:4px;background:#303233;box-shadow:0 14px 32px #000b}.gradient-popover header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.gradient-popover header strong{font-size:9px}.icon-button{width:25px;height:25px;padding:0;border:0;background:transparent;color:#999;cursor:pointer}.opacity-row{display:grid!important;grid-template-columns:auto 1fr 34px!important;align-items:center;gap:7px!important;padding-bottom:9px;border-bottom:1px solid #454545}.opacity-row output{text-align:right;color:#eee;font:8px DM Mono}.color-editor{display:grid;grid-template-columns:35px 1fr;gap:9px;align-items:end;margin:10px 0}.large-swatch{width:35px!important;height:35px!important}.spectrum{height:12px;margin-top:8px;border:1px solid #1c1e1f;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.popover-close{width:100%;margin-top:9px}.gradient-compact>p{margin:0;color:#737373;font-size:8px;line-height:1.4}.live-json-wrap{padding:14px}.live-json-wrap textarea{height:calc(100vh - 130px);min-height:460px;margin-top:10px;font:9px/1.5 DM Mono;resize:none}.live-json-wrap p{color:#777;font-size:8px;line-height:1.5}.converter-studio{grid-template-columns:66px minmax(600px,1fr)}.converter,.reverse,.projects{min-width:0;overflow:auto;padding:42px 5vw;background:#181818}.converter-head,.projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.converter-head h1,.reverse-head h1,.projects-head h1{margin:7px 0;font-size:29px}.converter-head p,.reverse-head p,.projects-head p{max-width:680px;margin:7px 0;color:#999;font-size:12px;line-height:1.6}.converter-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr);gap:16px;min-height:620px}.json-panel,.preview-panel,.reverse-explainer{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.panel-label,.preview-top{display:flex;align-items:center;justify-content:space-between;height:46px;padding:0 14px;border-bottom:1px solid var(--line);color:#999;font:9px DM Mono}.panel-label button,.preview-top button{border:0;background:transparent;color:#9dc6ff;font-size:9px;cursor:pointer}.json-panel textarea{display:block;width:100%;height:540px;padding:14px;border:0;outline:0;resize:none;background:#181818;color:#ddd;font:10px/1.55 DM Mono}.hint{margin:0;padding:10px 14px;border-top:1px solid var(--line);color:#777;font-size:9px}.hint.error{color:var(--danger)}.converter-canvas{height:566px;padding:25px}.converter-canvas .artboard-wrap{width:min(83%,430px)}.reverse-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:30px}.drop-zone{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #555;border-radius:7px;background:#1d1d1d;cursor:pointer}.drop-zone:hover{border-color:var(--accent);background:#20252b}.drop-mark{font-size:40px;color:var(--accent)}.drop-zone small{color:#888}.choose-file{margin-top:7px;padding:7px 10px;border-radius:4px;background:#303233}.reverse-explainer{padding:28px}.reverse-explainer h2{font-size:19px}.reverse-status{margin-top:22px;padding:10px;border-radius:4px;background:#292929;color:#bbb;font-size:9px}.reverse-actions{display:flex;gap:10px;margin-top:17px}.reverse-actions button{padding:8px 11px;border:1px solid #454545;border-radius:4px;background:#282828;color:#ccc;font-size:10px;cursor:pointer}.reverse-actions button:disabled{opacity:.4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.project-card:hover{border-color:#5a5a5a}.project-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.project-preview{display:flex;height:140px;flex-direction:column;align-items:center;justify-content:center;background:#181818;color:#777;font:9px DM Mono}.project-preview strong{margin-top:8px;color:#ddd;font:800 28px Manrope}.project-copy{display:grid;gap:4px;padding:14px}.project-copy strong{font-size:12px}.project-copy small{color:#777;font-size:9px}.project-actions{display:flex;justify-content:flex-end;gap:5px;padding:0 10px 10px}.project-actions button{padding:6px 8px;border:0;border-radius:4px;background:#2c2c2c;color:#999;font-size:9px;cursor:pointer}.project-actions button:hover{color:#fff}.project-actions .project-delete:hover{color:var(--danger)}.projects-empty{grid-column:1/-1;display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #454545;border-radius:7px;color:#888;text-align:center}.projects-empty>span{font-size:38px;color:var(--accent)}.assemble{animation:assemble var(--duration) cubic-bezier(.2,.9,.25,1) var(--delay) both}.effect-fade{animation-name:fade}.effect-pop{animation-name:pop}@keyframes assemble{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:var(--opacity,1);transform:translateY(0) scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:var(--opacity,1)}}@keyframes pop{0%{opacity:0;transform:scale(.72)}80%{transform:scale(1.04)}to{opacity:var(--opacity,1);transform:scale(1)}}.layer-action svg{display:block;width:14px;height:14px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.layer-action.active{color:#c8c8c8}.layer-action[data-action=lock]{color:#6f7782;opacity:1}.layer-action[data-action=lock].active{background:#463a27;color:#ffb454}.mask-editor-frame{top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;transform:none!important}.mask-tool-row .mask-controls{display:flex;align-items:center;gap:5px}.mask-tool-row .mask-controls select{width:86px;padding:5px}.mask-tool-row .mask-actions{display:flex;grid-auto-flow:column;gap:5px}.mask-tool-row button.danger{color:var(--danger)}.artboard.show-outside .mask-editor-frame,.image-frame{overflow:visible}.image-content{position:absolute;display:block;max-width:none;object-fit:fill;transform:none}.layer-mask-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;transform:none!important}.layer-mask-host>.art-layer{pointer-events:auto}.layer-mask-host>.art-layer.is-locked{pointer-events:none}.mask-edit-box,.mask-handle{touch-action:none}.text-layer{display:flex;align-items:center;justify-content:center;white-space:pre;overflow:visible}.text-content{display:block;width:max-content;max-width:none;white-space:pre;text-align:inherit}.color-control{position:relative;grid-column:1/-1;display:grid;grid-template-columns:1fr;gap:4px;align-items:stretch;color:#8c8c8c;font:8px DM Mono}.color-trigger{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;width:100%;height:34px;padding:4px 8px;border:1px solid #414141;border-radius:4px;background:#292929;color:#d8d8d8;text-align:left;cursor:pointer}.color-trigger:hover,.color-trigger[aria-expanded=true]{border-color:#61758c;background:#2d3238}.color-trigger i{width:22px;height:22px;border:1px solid #747474;border-radius:3px;background:var(--control-color);box-shadow:inset 0 0 0 1px #0005}.color-trigger code{font:9px DM Mono;letter-spacing:.03em}.color-popover{position:absolute;z-index:50;top:55px;right:0;width:248px;padding:11px;border:1px solid #4b5159;border-radius:6px;background:#24272b;box-shadow:0 18px 42px #000d}.color-popover>header,.gradient-popover>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.color-popover>header>span,.gradient-popover>header>span{display:grid;gap:1px}.color-popover header small,.gradient-popover header small{color:#7899bd;font:7px DM Mono;letter-spacing:.14em}.color-popover header strong,.gradient-popover header strong{color:#f0f0f0;font-size:10px}.hsb-picker{display:grid;gap:10px}.hsb-plane{position:relative;height:128px;overflow:hidden;border:1px solid #111;border-radius:4px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--picker-hue) 100% 50%));cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #ffffff12}.hsb-cursor{position:absolute;width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000,0 2px 6px #0009;transform:translate(-50%,-50%);pointer-events:none}.hue-row{display:grid!important;grid-template-columns:14px 1fr!important;align-items:center;gap:7px!important;color:#8fa6bf!important}.hue-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:11px!important;padding:0!important;border:1px solid #151718!important;border-radius:6px!important;background:linear-gradient(90deg,#f33,#ff3,#3f3,#3ff,#33f,#f3f,#f33)!important;cursor:ew-resize}.hue-row input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:16px;border:2px solid #f6f6f6;border-radius:3px;background:#24272b;box-shadow:0 0 0 1px #111}.hue-row input::-moz-range-thumb{width:8px;height:14px;border:2px solid #f6f6f6;border-radius:3px;background:#24272b;box-shadow:0 0 0 1px #111}.hsb-values{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hsb-values label{display:grid!important;grid-template-columns:12px 1fr!important;align-items:center;gap:3px!important;color:#8292a3!important}.hsb-values input{height:27px;padding:5px!important;border-color:#3c4249!important;background:#1d2023!important;text-align:center;font:8px DM Mono!important}.hsb-values .hex-field{grid-column:1/-1;grid-template-columns:28px 1fr!important}.hsb-values .hex-field input{text-align:left}.gradient-popover{background:#24272b;border-color:#4b5159}.gradient-popover .hsb-picker{margin-bottom:11px}.gradient-popover .hsb-plane{height:116px}.gradient-popover .opacity-row{margin-top:4px;padding-top:10px;border-top:1px solid #3d4248}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;cursor:ew-resize!important;caret-color:transparent;touch-action:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:hover,input[type=number]:focus{border-color:#61758c;background:linear-gradient(90deg,#29333e,#292929 42%,#292929 58%,#29333e)}input[type=number].is-scrubbing{border-color:#82a7cf!important;background:linear-gradient(90deg,#263543,#303b47,#263543)!important;box-shadow:inset 0 0 0 1px #82a7cf33,0 0 0 1px #000}body.numeric-scrubbing,body.numeric-scrubbing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}input[type=number].is-scrubbing::selection{background:transparent;color:inherit}.numeric-scrub-cursor{position:fixed;z-index:2147483647;display:grid;place-items:center;width:32px;height:20px;border:1px solid #82a7cf66;border-radius:10px;background:#20262df0;color:#f3f3f3;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0009,0 0 0 1px #0008}.numeric-scrub-cursor svg{display:block;width:24px;height:12px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:1050px){.studio{grid-template-columns:58px 230px minmax(420px,1fr)}.inspector{display:none}.sidebar{padding-inline:6px}.artboard-wrap{width:min(82%,620px)}}@media(max-width:760px){.studio,.converter-studio{grid-template-columns:54px minmax(0,1fr);height:auto;min-height:100vh}.layers-panel{display:none}.workspace{min-height:100vh}.toolbar{padding:0 9px}.toolbar-actions .export,.saved{display:none}.canvas-zone{padding:22px}.artboard-wrap{width:min(94%,480px)}.converter,.reverse,.projects{padding:26px 16px}.converter-grid,.reverse-grid{grid-template-columns:1fr}.converter-head,.projects-head{align-items:flex-start;flex-direction:column}.converter-canvas{height:500px}}.pattern-unit-svg{display:block}.create-art{min-width:0;overflow:auto;padding:42px 5vw;background:#181818}.create-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.create-head h1{margin:7px 0;font-size:29px}.create-head p{max-width:680px;margin:7px 0;color:#999;font-size:12px;line-height:1.6}.creative-grid{display:grid;grid-template-columns:minmax(430px,1fr) 310px;gap:16px;align-items:start}.creative-brief,.creative-settings{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.creative-brief{display:grid;gap:18px;padding:24px}.creative-settings{position:sticky;top:20px;display:grid;gap:15px;padding:20px}.creative-grid label{display:grid;gap:7px;color:#999;font:9px DM Mono;letter-spacing:.02em}.creative-grid input,.creative-grid textarea,.creative-grid select{width:100%;min-width:0;padding:10px 11px;border:1px solid #3c3c3c;border-radius:5px;outline:0;background:#191919;color:#ededed;font:11px/1.45 Manrope}.creative-grid input:focus,.creative-grid textarea:focus,.creative-grid select:focus{border-color:#a7a69e;box-shadow:0 0 0 2px #f3f3f318}.creative-grid textarea{min-height:118px;resize:vertical}.creative-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.creative-size{display:grid;grid-template-columns:1fr 1fr;gap:8px}.creative-settings .switch-row{margin:0}.creative-process{display:grid;grid-template-columns:24px 1fr;gap:9px 10px;padding:14px 0;border-block:1px solid var(--line-soft)}.creative-process>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #62645f;border-radius:50%;color:#d6d5cf;font:8px DM Mono}.creative-process p{display:grid;gap:2px;margin:0}.creative-process b{font-size:10px}.creative-process small{color:#777;font:8px/1.35 DM Mono}.creative-settings>.export{height:38px;border:0;border-radius:5px;cursor:pointer}.creative-settings>.export:disabled{opacity:.45;cursor:wait}.project-head-actions{display:flex;gap:8px}.project-head-actions button{height:34px;padding:0 12px;border:1px solid #414141;border-radius:5px;background:#252525;color:#bbb;cursor:pointer;font-size:10px}.project-head-actions button:hover{border-color:#626262;color:#fff}@media(max-width:900px){.creative-grid{grid-template-columns:1fr}.creative-settings{position:static}}@media(max-width:760px){.create-art{padding:26px 16px}.create-head{align-items:flex-start;flex-direction:column}.creative-fields{grid-template-columns:1fr}.project-head-actions{width:100%;flex-wrap:wrap}}.style-picker{border:0;padding:0;margin:0;min-width:0}.style-picker legend{font-size:15px;font-weight:700}.style-picker>p,.style-detail,.creative-policy{color:#999;font-size:11px;line-height:1.7}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.creative-grid .style-choice{position:relative;display:block;cursor:pointer}.style-choice>input{position:absolute;opacity:0;width:1px;height:1px}.style-card{display:grid;gap:6px;border:1px solid #424242;border-radius:8px;padding:8px;background:#242424;transition:border-color .15s,background .15s}.style-choice input:checked+.style-card{border-color:#d6d5cf;background:#303233;box-shadow:0 0 0 1px #d6d5cf}.style-choice input:focus-visible+.style-card{outline:2px solid #f3f3f3;outline-offset:3px}.style-card strong{font:600 12px Manrope;letter-spacing:0}.style-card small{font:10px/1.5 Manrope;letter-spacing:0;color:#aaa}.style-swatch{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:70px;border-radius:3px;padding:12px;background:var(--style-a);color:var(--style-c)}.style-swatch>span{font:700 32px Manrope}.style-swatch>i{width:42%;height:100%;border-radius:50% 10% 50% 50%;background:var(--style-b);transform:rotate(-15deg)}.style-detail{margin:0;padding-left:12px;border-left:2px solid #d6d5cf}.style-detail a{color:#d6d5cf}.creative-extra{border-top:1px solid #414141;padding-top:16px}.creative-extra summary{cursor:pointer;font-size:12px;color:#ddd}.creative-extra summary span{display:block;color:#999;font-size:10px;margin-top:5px}.creative-extra-fields{display:grid;gap:14px;margin-top:18px}.creative-extra-fields button{width:max-content;background:#303233;border:1px solid #444;color:#bbb;border-radius:4px;padding:7px 10px;font-size:10px;cursor:pointer}.creative-extra-fields small{font:10px/1.5 Manrope;color:#aaa}.creative-policy{margin:0}.creative-generation-dialog{max-width:460px;padding:30px;background:#252321;color:#eee;border:1px solid #665443;border-radius:12px;box-shadow:0 20px 80px #0008}.creative-generation-dialog::backdrop{background:#111c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.creative-generation-dialog h2{font-size:20px}.creative-generation-dialog p{font-size:12px;line-height:1.7;color:#c5beb5}.creative-generation-dialog small{color:#d9ad80}.creative-publication-warning{padding:8px 16px;background:#352c20;color:#e4c293;font:11px/1.5 Manrope}.creative-publication-warning summary{cursor:pointer}.creative-publication-warning ul{padding-left:18px}.creative-publication-warning button{background:transparent;color:inherit;border:1px solid #7e6847;border-radius:4px;margin-left:10px;cursor:pointer}@media(max-width:1150px){.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.style-grid{grid-template-columns:1fr}}.gallery-screen{padding:32px;max-width:1400px;margin:auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:24px 0}.gallery-card{border:1px solid #7775;border-radius:12px;padding:12px;min-width:0}.gallery-card img{display:block;width:100%;height:220px;object-fit:contain;border-radius:8px}.gallery-card p{font-size:12px;opacity:.7}.gallery-screen>p{line-height:1.5}.reverse-resize{margin:20px 0;padding:16px;border:1px solid #444;border-radius:10px;min-width:0}.reverse-resize-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.reverse-resize-toggle input{width:18px;height:18px;margin:0;flex:0 0 18px}#reverse-resize-options:not([hidden]){display:grid;gap:10px;margin-top:16px}#reverse-target-format{width:100%;min-width:0;min-height:42px}.reverse-resize p{margin:0;font-size:13px;line-height:1.5}.workflow-recovery-stack{position:fixed;bottom:20px;right:20px;z-index:10000;max-width:min(440px,calc(100vw - 40px));max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.workflow-recovery{padding:18px;border:1px solid #555;border-radius:10px;background:#242626;color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:12px;box-shadow:0 8px 30px #0008}.workflow-recovery button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px}:root{color-scheme:dark;--radius: 8px}.brandmark{gap:7px;margin-bottom:22px}.brandmark img{display:block;width:34px;height:34px;object-fit:contain}.brandmark b{font-size:7px;letter-spacing:.16em;color:#a7a69e}.manifesto-wordmark{display:block;width:155px;height:32px;object-fit:contain;object-position:left;margin:0 0 22px}.layers-panel .manifesto-wordmark{width:132px;height:28px;margin-bottom:17px}.workspace-divider{padding:0 7px;color:#777971}.export{color:#151718!important}.export:hover{background:#d6d5cf!important;border-color:#d6d5cf!important}.mask-edit-label{color:#151718}.refinement-toggle input:checked:after,.switch-row>input:checked:after{background:#151718}.create-art,.projects,.reverse,.converter{background:linear-gradient(115deg,#151718f5,#151718eb),url(/assets/manifesto/images/BACKGROUND.png) center / cover fixed}.creative-brief,.creative-settings,.json-panel,.preview-panel{box-shadow:0 12px 36px #00000018}button:focus-visible,a:focus-visible{outline:2px solid #d6d5cf;outline-offset:3px}@media(max-width:760px){.manifesto-wordmark{width:132px;margin-bottom:18px}.workspace-title{font-size:10px}.workspace-divider{padding:0 3px}}