@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{color:#d4d5d5;background:#202122;font-family:Arial,Helvetica,sans-serif;font-size:12px}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:7px;display:inline-flex}button:disabled{opacity:.25;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:1px solid #c0e969}input,select{color:#d8dada;background:#303233;border:1px solid #414344;border-radius:4px;outline:none;min-width:0;padding:7px}input[type=number]{appearance:textfield;width:100%}input::-webkit-inner-spin-button{opacity:0}select{cursor:pointer;width:100%}input[type=color]{border:0;flex-shrink:0;width:25px;height:25px;padding:0}svg{flex-shrink:0}.studio{min-width:740px;height:100dvh}.topbar{z-index:30;background:#222425;border-bottom:1px solid #393b3c;align-items:center;gap:20px;height:58px;padding:0 18px 0 17px;display:flex;position:relative}.brand{letter-spacing:-.7px;color:#f3f4f3;white-space:nowrap;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.brand-light{color:#b3b8b7;margin-left:4px;font-weight:400}.brand-mark{color:#212820;background:#c0e969;border-radius:5px;width:26px;height:26px;padding-left:4px;font-family:Georgia;font-size:28px;font-style:italic;line-height:20px;position:relative}.brand-mark span{font:12px Arial;position:absolute;top:1px;right:1px}.header-divider{background:#424445;flex-shrink:0;width:1px;height:21px;display:block}.project-title{white-space:nowrap;align-items:center;gap:11px;font-size:12px;display:flex}.project-badge{color:#8d9290;letter-spacing:1px;border:1px solid #454847;border-radius:3px;padding:3px 4px;font-size:8px}.save-indicator{color:#89958a;align-items:center;gap:5px;font-size:10px;display:flex}.header-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.zoom-select{background:0 0;border:0;width:72px;padding:6px;font-size:11px}.preview-button{border:1px solid #464a48;margin-left:5px;padding:8px 12px;font-size:11px}.export-button{color:#20291a;background:#c0e969;padding:9px 14px;font-size:11px;font-weight:600}.export-button:hover{color:#20291a;background:#ceef92}.export-wrap{position:relative}.export-menu{background:#282b2a;border:1px solid #454a45;border-radius:6px;width:200px;padding:6px;position:absolute;top:40px;right:0;box-shadow:0 10px 30px #0005}.export-menu button{justify-content:flex-start;width:100%;padding:10px}.workspace{height:calc(100% - 58px);display:flex}.toolbar{z-index:10;background:#242627;border-right:1px solid #383b3b;flex-direction:column;flex-shrink:0;align-items:center;gap:7px;width:57px;padding:14px 8px 10px;display:flex}.toolbar button{color:#aab0ad;width:38px;height:37px}.tool-separator{background:#3c3f3d;height:1px;margin:7px 5px 10px}.toolbar-spacer{flex:1}.avatar{background:#424b3c;border:1px solid #6b7565;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:9px;font-size:10px;display:flex}.working-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.workspace-bar{color:#777e7a;z-index:5;background:#282a2b;border-bottom:1px solid #343638;flex-shrink:0;align-items:center;gap:25px;height:37px;padding:0 18px;font-size:10px;display:flex}.workspace-bar>span:first-child{color:#b3bbb5;align-items:center;gap:9px;display:flex}.workspace-bar button{margin-left:auto}.page-dot{background:#b4c3af;border-radius:2px;width:6px;height:6px}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#1c1e1f;background-image:radial-gradient(#44474588 .65px,#0000 .65px);background-size:18px 18px;flex:1;position:relative;overflow:hidden}.canvas.panning{cursor:grab}.canvas.creating{cursor:crosshair}.canvas-world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.canvas-node{box-sizing:border-box;transform-origin:50%;-webkit-user-select:none;user-select:none}.canvas-node.editing{-webkit-user-select:text;user-select:text;outline:1px solid #b9e971;overflow:visible!important}.canvas-node.editing [contenteditable]{cursor:text;outline:none;min-height:100%}.image-placeholder{color:#e5eadf;background:#677261;justify-content:center;align-items:center;height:100%;font:18px Arial;display:flex}.frame-label{white-space:nowrap;color:#a6b0a8;cursor:pointer;letter-spacing:.1px;align-items:center;gap:20px;font-weight:400;display:flex;position:absolute}.frame-label span{opacity:.45;font-size:.85em}.selection-box{pointer-events:none;transform-origin:50%;border:1px solid #bbec75;position:absolute}.handle,.rotate-handle{pointer-events:auto;background:#d8efbb;border:1px solid #60794b;border-radius:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.handle.nw{cursor:nwse-resize;top:0;left:0}.handle.n{cursor:ns-resize;top:0;left:50%}.handle.ne{cursor:nesw-resize;top:0;left:100%}.handle.e{cursor:ew-resize;top:50%;left:100%}.handle.se{cursor:nwse-resize;top:100%;left:100%}.handle.s{cursor:ns-resize;top:100%;left:50%}.handle.sw{cursor:nesw-resize;top:100%;left:0}.handle.w{cursor:ew-resize;top:50%;left:0}.rotate-handle{cursor:grab;border-radius:50%;left:50%}.rotation-stem{background:#c0e969;width:1px;position:absolute;left:50%}.dimensions{color:#28321e;white-space:nowrap;background:#c0e969;border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}.marquee{pointer-events:none;background:#c0e96915;border:1px solid #c0e969;position:absolute}.guide{pointer-events:none;background:#e38bcc;position:absolute}.guide.x{height:20000px;top:-10000px}.guide.y{width:20000px;left:-10000px}.ruler{color:#727b74;z-index:2;pointer-events:none;background:#242627cc;border-bottom:1px solid #373a39;gap:62px;width:100%;height:19px;padding:4px 15px;font:8px monospace;display:flex;position:absolute;top:0;left:0;overflow:hidden}.canvas-caption{letter-spacing:1.3px;color:#727b73;pointer-events:none;align-items:center;gap:8px;font-size:8px;display:flex;position:absolute;bottom:23px;left:25px}.green-dot{background:#bddf91;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.canvas-help{color:#767d78;pointer-events:none;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:23px;right:25px}.canvas-help i{background:#727b73;width:2px;height:2px}.fit-floating{background:#303432;border:1px solid #485047;width:30px;height:30px;position:absolute;bottom:52px;right:20px}.properties{z-index:10;background:#252728;border-left:1px solid #3a3c3d;flex-direction:column;flex-shrink:0;width:256px;display:flex}.panel-tabs{border-bottom:1px solid #3a3c3d;flex-shrink:0;align-items:stretch;gap:15px;height:42px;padding:0 13px;display:flex}.panel-tabs button{color:#878e8a;border-radius:0;padding:0 2px;font-size:11px;position:relative}.panel-tabs button.active:after{content:"";background:#c0e969;height:2px;position:absolute;bottom:0;left:0;right:0}.panel-tabs button:last-child{margin-left:auto}.properties-scroll{scrollbar-width:thin;scrollbar-color:#515750 transparent;flex:1;overflow:auto}.property-section{border-bottom:1px solid #3a3c3d;padding:16px 16px 17px}.section-heading{color:#dde2dc;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.property-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.number-field{background:#303233;border:1px solid #3f4242;border-radius:4px;align-items:center;gap:5px;min-width:0;height:30px;padding:0 8px;display:flex}.number-field span{color:#8a928b;white-space:nowrap;font-size:10px}.number-field input{text-align:right;background:0 0;border:0;width:100%;padding:2px 0;font-size:11px}.number-field input[type=color]{width:25px;height:18px;margin-left:auto}.name-input{width:100%;margin-bottom:8px}.alignment-row{justify-content:space-between;margin:3px -5px 12px;display:flex}.alignment-row button{padding:4px}.stacked-label{color:#8e9690;flex-direction:column;gap:8px;margin:12px 0;font-size:10px;display:flex}.stacked-label input,.stacked-label select{color:#d8ded7;width:100%}.variable-binding{color:#a6b795;background:0 0;border:0;padding:8px 0 0;font-size:10px}.color-row{background:#303233;border:1px solid #414444;border-radius:4px;align-items:center;gap:8px;padding:5px 7px;display:flex}.color-row input[type=color]{width:18px;height:18px}.color-row input:not([type=color]){background:0 0;border:0;width:100%;padding:0;font-size:11px}.color-row span{color:#9da69d;font-size:9px}.segmented{background:#303233;border:1px solid #3d4140;border-radius:4px;margin-top:10px;padding:2px;display:flex}.segmented button{flex:1;padding:5px 1px;font-size:9px}.segmented .active{color:#d9edc0;background:#525b4a}.object-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.object-actions button{border:1px solid #414741;padding:7px 4px;font-size:10px}.document-cover{color:#293520;background:#c0e969;flex-direction:column;justify-content:center;align-items:center;height:120px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.document-cover>span{letter-spacing:-10px;font:italic 100px/90px Georgia}.small-orbit{letter-spacing:0;font:18px Arial;position:relative;top:-50px}.document-cover small{letter-spacing:2px;font-size:7px;position:absolute;bottom:10px;left:12px}.document-stats{gap:32px;margin-top:17px;display:flex}.document-stats span{color:#8f9790;flex-direction:column;gap:6px;font-size:10px;display:flex}.document-stats b{color:#dce3d8;font-size:18px;font-weight:400}.muted-copy{color:#8f9891;margin:0 0 14px;font-size:11px;line-height:1.7}.wide-button{border:1px solid #444b42;justify-content:flex-start;width:100%;padding:10px;font-size:10px}.wide-button span{margin-left:auto}.shortcut-list{flex-direction:column;gap:12px;display:flex}.shortcut-list>span{color:#a1aaa1;justify-content:space-between;align-items:center;font-size:10px;display:flex}kbd{color:#8e978d;background:#2b302b;border:1px solid #444b42;border-radius:3px;padding:3px 5px;font:9px Arial}.panel-note{color:#6f7d69;padding:26px 18px;font:22px/1.35 Georgia}.panel-note em{color:#b6c4aa}.panel-bottom{color:#8b9687;border-top:1px solid #3d433c;flex-shrink:0;align-items:center;gap:7px;height:31px;padding:0 14px;font-size:9px;display:flex}.panel-bottom>span:last-child{color:#646f62;margin-left:auto}.layers-panel{z-index:4;-webkit-backdrop-filter:none;backdrop-filter:none;background:#272a2aef;border:1px solid #454b44;border-radius:7px;flex-direction:column;width:210px;max-height:calc(100% - 130px);display:flex;position:absolute;top:62px;left:14px;box-shadow:0 8px 24px #0003}.layers-panel>.section-heading{border-bottom:1px solid #3b423a;margin:0;padding:14px 13px 11px}.layer-tree{scrollbar-width:thin;scrollbar-color:#515b4c transparent;overflow:auto}.layer-row{color:#a7b0a3;cursor:pointer;white-space:nowrap;align-items:center;gap:7px;height:31px;padding-right:6px;font-size:10px;display:flex}.layer-row:hover{background:#ffffff06}.layer-name{text-overflow:ellipsis;flex:1;overflow:hidden}.disclosure{flex-shrink:0;width:8px;padding:0}.layer-action{opacity:0;width:14px;padding:0}.layer-row:hover .layer-action,.layer-row.selected .layer-action,.layer-row.muted .layer-action{opacity:.7}.layer-row.muted{opacity:.5}.root-drop{color:#6e7a6b;text-align:center;border-top:1px dashed #444e40;margin:10px;padding:12px 0;font-size:8px}.layer-footer{color:#7a8973;border-top:1px solid #3c4439;justify-content:space-between;padding:10px 12px;font-size:8px;display:flex}.variable-row{border-bottom:1px solid #42483f;padding:11px 0}.variable-row>div{align-items:center;gap:8px;margin-bottom:8px;display:flex}.variable-row>div input{background:0 0;border:0;flex:1;width:100%;padding:0;font-size:11px}.variable-icon{justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;display:flex}.variable-row>input{width:100%}.variable-row>input[type=color]{height:27px}.add-variables{gap:3px;margin-top:10px;display:flex}.add-variables button{border:1px solid #454d41;padding:6px;font-size:9px}.upload-button{text-align:center;cursor:pointer;border:1px solid #485242;margin:10px 0;padding:8px;font-size:10px;display:block}.upload-button input{display:none}.toast{z-index:100;color:#2e3a26;background:#d5edbc;border-radius:6px;align-items:center;gap:8px;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0003}.preview-screen{z-index:80;position:fixed;inset:0;overflow:hidden}.preview-art{transform-origin:0 0;position:absolute}.preview-controls{opacity:0;white-space:nowrap;color:#e2e9dc;background:#222824ed;border:1px solid #6f7a63;border-radius:7px;align-items:center;gap:6px;padding:6px;transition:opacity .2s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.preview-screen:hover .preview-controls,.preview-controls:focus-within{opacity:1}.preview-controls select{background:#303a2b;border:0;max-width:220px;font-size:11px}.preview-controls button{font-size:11px}.preview-controls>span{background:#6b7661;width:1px;height:18px}.modal-backdrop{z-index:90;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-modal{background:#272d26;border:1px solid #56634b;border-radius:9px;width:460px;padding:32px 36px;position:relative;box-shadow:0 20px 100px #0009}.help-modal h2{color:#d8e8ca;margin:12px 0 26px;font:38px/1.07 Georgia}.eyebrow{letter-spacing:2px;color:#b5d391;font-size:9px}.close-modal{position:absolute;top:12px;right:12px}.help-modal p{color:#879b7e;margin:22px 0 0;font-size:10px;line-height:1.7}.help-modal .shortcut-list{gap:10px}@media (width<=1100px){.save-indicator{display:none}.topbar{gap:12px}.properties{width:230px}.layers-panel{width:175px}.canvas-help,.brand-light,.project-badge{display:none}}@media (width<=850px){.properties{width:215px}.layers-panel{width:155px;max-height:300px}.project-title{max-width:145px;overflow:hidden}.header-actions{gap:2px}.topbar{padding-right:10px}.preview-button{gap:0;font-size:0}.preview-button svg{width:15px}.canvas-caption{display:none}}.layers-panel{width:190px;max-height:none;box-shadow:none;background:#252828;border-top:0;border-bottom:0;border-left:0;border-radius:0;top:37px;bottom:0;left:0}.layers-panel .layer-tree{flex:1}.layers-panel .layer-footer{height:31px}.layer-row{font-size:10px}.canvas-help{gap:6px;font-size:8px}.preview-controls{opacity:.2}:root{--brand-red:#fb3c3e;--brand-red-soft:#ff6567;--brand-turq:#01c4c7;--brand-turq-soft:#45e0e2;--brand-navy:#0b1e3d;--brand-navy-1:#0e2547;--brand-navy-2:#12305a;--brand-navy-3:#1a3d6e;--brand-white:#fff;--brand-ink:#e8eef8;--brand-muted:#8ea3c4;--font-title:"Sora", sans-serif;--font-body:"IBM Plex Sans", sans-serif}body{font-family:var(--font-body);background:var(--brand-navy);color:var(--brand-ink)}.brand,.section-heading,.help-modal h2,.help-modal .eyebrow,.document-cover,.panel-note,.frame-label,.document-stats b{font-family:var(--font-title)}.help-modal h2{color:var(--brand-white);font-weight:700}.panel-note{font-family:var(--font-title);color:var(--brand-muted);font-size:16px;font-weight:500}.panel-note em{color:var(--brand-turq);font-style:normal}.brand{color:var(--brand-white)}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 6px #01c4c740);width:30px;height:30px;display:block}.topbar,.workspace-bar,.properties,.panel-tabs,.layers-panel{background:var(--brand-navy-1)}.toolbar{background:var(--brand-navy-1);border-right-color:var(--brand-navy-3)}.topbar,.workspace-bar{border-bottom-color:var(--brand-navy-3)}.properties{border-left-color:var(--brand-navy-3)}.property-section,.panel-tabs,.layers-panel>.section-heading{border-bottom-color:var(--brand-navy-3)}.canvas{background-color:#081730;background-image:radial-gradient(#1e3f6c88 .65px,#0000 .65px)}input,select,.number-field,.color-row,.segmented{background:var(--brand-navy-2);border-color:var(--brand-navy-3);color:var(--brand-ink)}input:focus-visible,select:focus-visible,button:focus-visible{outline-color:var(--brand-turq)}button:hover{color:var(--brand-white);background:#ffffff14}.toolbar button{color:var(--brand-muted)}.toolbar .active{color:var(--brand-turq);background:#01c4c71f;border:1px solid #01c4c74d}.toolbar .subtle-active{color:var(--brand-turq)}.export-button{background:var(--brand-turq);color:#04252a}.preview-button{border-color:var(--brand-turq);color:var(--brand-turq)}.export-menu{background:var(--brand-navy-1);border-color:var(--brand-navy-3)}.panel-tabs button.active{color:var(--brand-white)}.panel-tabs button.active:after{background:var(--brand-turq)}.selection-box{border-color:var(--brand-turq)}.handle,.rotate-handle{background:var(--brand-turq);border-color:#04252a}.handle:hover,.rotate-handle:hover{background:var(--brand-turq-soft)}.rotation-stem{background:var(--brand-turq)}.dimensions{background:var(--brand-turq);color:#04252a}.marquee{border-color:var(--brand-turq);background:#01c4c71f}.guide{background:var(--brand-red)}.green-dot,.page-dot{background:var(--brand-turq)}.layer-row.selected{color:var(--brand-turq-soft);background:#01c4c71f}.segmented .active{background:var(--brand-turq);color:#04252a}.avatar{background:var(--brand-red);border-color:var(--brand-red-soft);color:var(--brand-white)}.toast{background:var(--brand-turq);color:#04252a}.help-modal{background:var(--brand-navy-1);border-color:var(--brand-navy-3)}.help-modal .eyebrow{color:var(--brand-turq);letter-spacing:2px}kbd{background:var(--brand-navy-2);border-color:var(--brand-navy-3);color:var(--brand-muted)}.document-cover{background:linear-gradient(135deg, var(--brand-turq), var(--brand-navy));color:var(--brand-white)}.canvas-caption{color:var(--brand-muted)}.export-button svg,.preview-button svg{color:inherit}body{font-size:14px}.export-button{background:var(--brand-red);color:var(--brand-white);padding:11px 18px;font-size:14px;font-weight:700}.export-button:hover{background:var(--brand-red-soft);color:var(--brand-white)}.preview-button{border:1.5px solid var(--brand-turq);color:var(--brand-white);padding:10px 15px;font-size:14px;font-weight:600}.preview-button:hover{color:var(--brand-white);background:#01c4c722}.zoom-select{width:84px;font-size:14px}.brand-light,.help-modal .eyebrow,.variable-binding{color:var(--brand-turq-soft)}.topbar{height:70px}.brand{font-size:21px}.brand-logo{width:38px;height:38px}.project-title{font-size:15px}.save-indicator{font-size:12px}.header-actions button svg{width:20px;height:20px}.toolbar{scrollbar-width:none;gap:6px;width:66px;padding:12px 9px 10px;overflow:hidden auto}.toolbar::-webkit-scrollbar{display:none}.toolbar button{width:46px;height:42px}.toolbar svg{width:22px!important;height:22px!important}.tool-separator{margin:4px 5px 6px}.avatar{width:30px;height:30px;margin-top:6px;font-size:12px}.workspace-bar{height:46px;font-size:12px}.properties{width:310px}.panel-tabs{height:52px}.panel-tabs button,.section-heading{font-size:14px}.property-section{padding:18px 18px 19px}input,select{padding:9px;font-size:14px}.number-field{height:36px}.number-field span{font-size:12px}.number-field input{font-size:13px}.stacked-label{font-size:12px}.color-row span{font-size:11px}.segmented button{padding:7px 2px;font-size:11px}.object-actions button{font-size:12px}.muted-copy{font-size:13px}.document-stats b{font-size:22px}.upload-button{padding:10px;font-size:12px}.working-area:has(.layers-panel) .canvas{margin-left:232px}.layers-panel{width:232px}.layer-row{height:38px;font-size:13px}.layer-footer,.root-drop{font-size:10px}.help-modal h2{font-size:44px}.help-modal .eyebrow{font-size:11px}.shortcut-list>span{font-size:12px}kbd{font-size:11px}.help-modal p{font-size:12px}.canvas-caption{letter-spacing:1.4px;font-size:9px}.canvas-help{font-size:11px}.toast{padding:14px 22px;font-size:14px}.panel-note{font-size:18px}.studio{min-width:860px}.workspace{height:calc(100% - 70px)}.layers-panel{top:46px}