@font-face{font-family:FORM PingFang UI;src:url(/assets/PINGFANG%20REGULAR-BHiaWigb.TTF)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:FORM PingFang UI;src:url(/assets/PINGFANG%20MEDIUM-BJ5FLqaG.TTF)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:FORM PingFang UI;src:url(/assets/PINGFANG%20BOLD-Bl6A-zU-.TTF)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:FORM PingFang UI;src:url(/assets/PINGFANG%20BOLD-Bl6A-zU-.TTF)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"FORM PingFang UI", "PingFang SC", "苹方-简", "PingFang TC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--weight-note:400;--weight-ui:500;--weight-heading:600;--weight-emphasis:700;--ui-font-micro:10px;--ui-font-caption:11px;--ui-font-note:12px;--ui-font-control:13px;--ui-font-text:14px;--ui-font-body:15px;--ui-font-heading:16px;--paper:#fff;--page:#fafafa;--surface:#f4f4f4;--surface-hover:#ededed;--surface-selected:#e4e4e4;--border:#dedede;--border-strong:#bfbfbf;--ink:#222;--ink-secondary:#555;--ink-muted:#707070;--action:#181818;--action-hover:#353535;--focus:#555;--inverse:#fff;--admin-surface:#202020;--admin-hover:#333;--admin-selected:#454545;--admin-border:#494949;--admin-ink:#eee;--admin-muted:#bfbfbf;--shadow-soft:#0000000c;--shadow-modal:#00000030;--shadow-toast:#0002;--overlay:#0005;--diagram-grid:#ccc;--diagram-line:#666;--diagram-guide:#999;--diagram-label:#666;--diagram-paper:#fafafa;--diagram-top:#eee;--diagram-front:#ddd;--diagram-side:#c9c9c9;--diagram-flap:#e4e4e4;--bleed-line:#6fa87d;--dimension-line:#da8e9d;--selection-line:#b6b6b6;--selection-hover:#8c8c8c}::selection{background:var(--ink);color:var(--inverse)}:where(a,a:link,a:visited,a:hover,a:active){color:inherit;text-decoration:none}:where(a){-webkit-tap-highlight-color:#00000014}input[type=checkbox],input[type=radio]{accent-color:var(--action)}input::placeholder{color:var(--ink-muted)}@font-face{font-family:Outfit;src:url(/Outfit.ttf)}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--font-ui);font-size:var(--ui-font-body);font-weight:var(--weight-ui);margin:0}button,input,textarea,select{font:inherit;font-weight:var(--weight-ui)}button,a{cursor:pointer}button{color:inherit;background:0 0;border:0;transition:background .18s,transform .18s}button:hover{background:var(--surface-hover)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}button svg{flex-shrink:0}input{border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:4px;width:100%;padding:9px}.app{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:214px;padding:32px 20px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-size:40px;font-weight:var(--weight-emphasis);letter-spacing:-3px;display:block}.brand span{vertical-align:top;letter-spacing:0;margin-left:4px;font-size:15px}.brandnote,.eyebrow,.sectionlabel,.breadcrumb,.status,footer,.herometa,.heroindex,.canvaslabel{font-family:var(--font-ui);font-size:var(--ui-font-note);letter-spacing:1.3px}.brandnote{font-size:var(--ui-font-micro);letter-spacing:1.4px;margin-top:5px}.workspace{border-block:1px solid var(--border);font-size:var(--ui-font-text);gap:10px;margin:40px 0 28px;padding:13px 0;display:flex}.avatar{background:var(--surface-selected);width:33px;height:33px;font-weight:var(--weight-emphasis);border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar.small{width:28px;height:28px}.workspace small,.profile small{color:var(--ink-muted);font-size:var(--ui-font-caption);margin-top:5px;display:block}.dot{background:var(--ink-secondary);border-radius:50%;width:5px;height:5px;margin:0 5px;display:inline-block}.nav{text-align:left;width:100%;color:var(--ink-secondary);border-radius:5px;align-items:center;gap:12px;margin:3px 0;padding:13px 12px;display:flex}.nav.active{background:var(--surface-selected);color:var(--ink)}.nav span,.nav small{font-size:var(--ui-font-note);margin-left:auto}.sidebottom{margin-top:auto}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.profile>.dot{margin-left:auto}main{flex:1;min-width:0;margin-left:214px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 36px;display:flex}.breadcrumb,.headright{align-items:center;gap:14px;display:flex}.breadcrumb{color:var(--ink-muted)}.status{font-size:var(--ui-font-caption);letter-spacing:1px}.icon{border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.content{max-width:1600px;margin:auto;padding:38px 40px 0;animation:.4s enter}.eyebrow{color:var(--ink-muted);font-size:var(--ui-font-note)}h1{letter-spacing:-1px;font-size:30px;font-weight:var(--weight-heading);margin:12px 0}h2{font-weight:var(--weight-heading);letter-spacing:-1px;font-size:35px;line-height:1.6}h3{font-size:var(--ui-font-heading);font-weight:var(--weight-heading);margin:0}p{color:var(--ink-muted);line-height:1.9;font-size:var(--ui-font-text)}.heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.heading p{margin-bottom:0}.btn{border:1px solid var(--border);background:var(--paper);font-size:var(--ui-font-text);white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 17px;display:inline-flex}.btn.dark{background:var(--action);border-color:var(--border-strong);color:var(--inverse)}.btn.dark:hover{background:var(--action-hover);transform:translateY(-2px)}.hero{background:var(--surface-hover);border:1px solid var(--border);border-radius:6px;height:385px;display:flex;position:relative;overflow:hidden}.heroCopy{z-index:1;flex-shrink:0;width:43%;padding:36px 40px}.hero h2{margin:20px 0 12px}.hero p{color:var(--ink-muted);margin:0 0 15px}.textbutton{font-size:var(--ui-font-control);align-items:center;gap:12px;padding:5px 0;display:inline-flex}.herometa{font-size:var(--ui-font-micro);color:var(--ink-muted);margin-top:24px;line-height:1.8}.structure{width:65%;height:100%;transition:transform .8s;position:relative;overflow:visible}.hero:hover .structure{transform:translateY(-6px)rotate(-1deg)}.heroindex{font-size:var(--ui-font-micro);color:var(--ink-muted);position:absolute;bottom:18px;right:24px}.cross{color:var(--ink-muted);font-size:20px;font-weight:200;position:absolute}.c1{top:12px;right:17px}.c2{bottom:12px;left:18px}.sectionhead{justify-content:space-between;align-items:center;margin:28px 0 18px;display:flex}.sectionhead h3 span{font-size:var(--ui-font-caption);letter-spacing:1px;color:var(--ink-muted);margin-left:14px}.cards{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.project{text-align:left;border:1px solid var(--border);background:var(--paper);border-radius:5px;padding:0;transition:transform .25s,box-shadow .25s;overflow:hidden}.project:hover{box-shadow:0 12px 25px var(--shadow-soft);transform:translateY(-4px)}.thumb{background:var(--surface-hover);text-align:center;height:175px;position:relative;overflow:hidden}.mini{width:85%;height:105%}.thumb .pill{background:var(--paper);position:absolute;top:14px;left:14px}.pill{border:1px solid var(--border);font-size:var(--ui-font-caption);color:var(--ink-muted);white-space:nowrap;border-radius:3px;padding:4px 7px;display:inline-block}.projectinfo{padding:17px}.projectinfo>span{font-size:var(--ui-font-note);color:var(--ink-muted);justify-content:space-between;margin-top:10px;display:flex}.newcard{border:1px dashed var(--border-strong);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:255px;display:flex}.pluscircle{border:1px solid var(--border-strong);width:42px;height:42px;color:var(--ink-muted);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.newcard h3{font-size:var(--ui-font-body)}.newcard p{font-size:var(--ui-font-control)}.notecard{border:1px solid var(--border);border-radius:5px;padding:27px}.notecard h3{margin-top:30px}.tag{font-size:var(--ui-font-caption);color:var(--ink-muted);margin-top:14px;display:inline-block}footer{color:var(--ink-muted);font-size:var(--ui-font-micro);border-top:1px solid var(--border);justify-content:space-between;margin-top:28px;padding:25px 0;display:flex}.editorhead{border-bottom:1px solid var(--border);align-items:center;gap:12px;height:65px;padding:0 20px;display:flex}.titleinput{width:220px;font-weight:var(--weight-heading);background:0 0;border:0}.spacer{flex:1}.editor{height:calc(100vh - 135px);min-height:540px;display:flex}.tools{border-right:1px solid var(--border);background:var(--paper);flex-direction:column;gap:9px;padding:15px 9px;display:flex}.chosen{background:var(--surface-hover)}.tools hr{border:0;border-top:1px solid var(--border);width:25px}.stage{background-color:var(--surface);background-image:radial-gradient(var(--diagram-grid) .7px,transparent .7px);outline-offset:-3px;touch-action:none;background-size:16px 16px;flex:1;min-width:0;position:relative;overflow:hidden}.stage>svg{transform-origin:50%;width:100%;height:100%;transition:transform .12s}.canvaslabel{z-index:1;color:var(--ink-muted);font-size:var(--ui-font-caption);position:absolute;top:42px;left:22px}.canvaslabel span{color:var(--ink-muted);margin-left:15px}.ruler{background:var(--surface-hover);border-bottom:1px solid var(--border);z-index:1;height:24px;color:var(--ink-muted);font-size:var(--ui-font-caption);white-space:nowrap;padding:6px 25px;position:absolute;top:0;left:0;right:0}.canvasbottom{font-size:var(--ui-font-caption);color:var(--ink-muted);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.canvasbottom>div{background:var(--paper);border:1px solid var(--border);pointer-events:auto;border-radius:4px;align-items:center;display:flex}.canvasbottom button{place-items:center;min-width:30px;height:30px;display:grid}.properties{background:var(--paper);border-left:1px solid var(--border);flex-shrink:0;width:245px;overflow-y:auto}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{width:50%;padding:17px}.tabs .selected{box-shadow:inset 0 -2px var(--focus)}.properties section{border-bottom:1px solid var(--border);padding:23px 18px}.sectionlabel{font-size:var(--ui-font-micro);color:var(--ink-muted);margin-bottom:18px}.properties h3{margin-bottom:8px}.muted{color:var(--ink-muted)}.fieldgrid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.properties label{font-size:var(--ui-font-note);color:var(--ink-muted);display:block}.properties input{font-size:var(--ui-font-text);margin-top:7px}.properties input[type=color]{height:36px;padding:3px}.full{width:100%;font-size:var(--ui-font-note)}.check{align-items:center;gap:6px;margin-bottom:20px;display:flex!important}.check input{width:auto;margin:0}.aihint{background:var(--surface-hover);border:1px solid var(--border);color:var(--ink-muted);border-radius:5px;margin:20px 15px;padding:20px 15px}.aihint h3{margin-top:13px}.aihint p{font-size:var(--ui-font-note)}.aihint button{background:var(--surface-hover);width:100%;font-size:var(--ui-font-note);border-radius:3px;padding:10px}.layer{gap:4px;padding:8px 0;display:flex}.layer.picked{background:var(--surface-hover)}.layer button{font-size:var(--ui-font-note);align-items:center;gap:5px;padding:5px;display:flex}.layer button:first-child{text-align:left;flex:1}.search{max-width:350px;margin:10px 0 30px}.templatecards{margin-top:30px}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin:35px 0;display:grid}.metrics>div{border:1px solid var(--border);padding:25px}.metrics strong{font-size:36px;font-weight:var(--weight-ui);margin:15px 0;display:block}.metrics small{color:var(--ink-muted)}.empty{border:1px dashed var(--border);text-align:center;color:var(--ink-muted);margin-top:25px;padding:80px 25px}.empty h3{margin-top:20px}.overlay{background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;place-items:center;padding:20px;animation:.2s enter;display:grid;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid var(--border);width:500px;max-width:100%;max-height:90vh;box-shadow:0 30px 100px var(--shadow-modal);border-radius:8px;padding:36px;position:relative;overflow:auto}.modal h2{font-size:24px}.modal .structure{width:100%;height:270px}.close{position:absolute;top:12px;right:12px}.placeholder{background:var(--surface-hover);color:var(--ink-muted);font-size:var(--ui-font-control);align-items:center;gap:15px;margin:20px 0;padding:35px;display:flex}.shortcut{border-bottom:1px solid var(--border);font-size:var(--ui-font-text);padding:10px 0}.toast{background:var(--action);color:var(--inverse);z-index:20;box-shadow:0 5px 25px var(--shadow-toast);border-radius:5px;align-items:center;gap:10px;padding:14px 25px;animation:.2s enter;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@keyframes enter{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (width>=1500px){.hero{height:440px}.thumb{height:210px}.heroCopy{padding:45px 50px}}@media (width<=1100px){.sidebar{width:175px;padding:25px 13px}main{margin-left:175px}.content{padding:28px 24px 0}.properties{width:215px}.heroCopy{padding:28px 25px}.hero h2{font-size:29px}.notecard{padding:22px}.status{display:none}.titleinput{width:165px}}@media (width<=800px){.sidebar{width:65px;padding:20px 8px}.brand{letter-spacing:-1px;font-size:18px}.brandnote,.workspace,.profile,.nav span,.nav small{display:none}.nav{justify-content:center;gap:0;padding:14px;font-size:0}.nav svg{width:19px}main{margin-left:65px}header{padding:0 20px}.heroCopy{width:48%}.hero{height:360px}.cards{grid-template-columns:1fr 1fr}.notecard{display:none}.properties{width:185px}.editorhead .pill{display:none}.editorhead{gap:5px;padding:0 8px}.editorhead .btn{padding:8px}.titleinput{width:150px}.metrics{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.workspace-home{padding-top:32px}.recent-actions{flex-shrink:0;align-items:center;gap:24px;display:flex}.recent-heading{flex-wrap:wrap;gap:16px}.studio-main--editor{flex-direction:column;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.studio-main--editor .packaging-editor{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-main--editor>header,.studio-main--editor .editorhead,.studio-main--editor .editor-modebar{flex-shrink:0}.studio-main--editor .upgraded-editor{flex:1;height:auto;min-height:0}@media (width<=800px){.recent-actions{gap:16px}.recent-heading h3 span{display:none}}.stage>svg{font-family:Outfit,Microsoft YaHei,sans-serif;font-weight:var(--weight-note)}.stage.is-panning,.stage.is-panning *{cursor:grabbing!important}.stage.is-panning>svg{transition:none}.stage:focus-visible{outline:2px solid var(--focus)}@font-face{font-family:Outfit;src:url(/export-fonts/Outfit-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}.stage>svg.design-canvas{-webkit-user-select:none;user-select:none;transition:none}.selection-controls{-webkit-user-select:none;user-select:none}.selection-controls [data-handle]:hover .selection-handle{stroke:var(--selection-hover)}.transform-readout{font-family:var(--font-ui)}.transform-help{font-size:var(--ui-font-note);margin:14px 0 0;line-height:1.8}.template-thumbnail{box-sizing:border-box;width:100%;height:100%;max-height:260px;padding:12px;transition:transform .3s;display:block}.project:hover .template-thumbnail{transform:scale(1.025)}p,small,input::placeholder,textarea::placeholder,.brandnote,.eyebrow,.breadcrumb,.status,footer,.herometa,.heroindex,.sectionhead h3 span,.projectinfo>span,.tag,.pill,.nav>span,.canvaslabel,.ruler,.canvasbottom>span,.transform-help,.shortcut,.placeholder,.structure,.template-thumbnail{font-weight:var(--weight-note)}.sectionhead h3 span{font-weight:500}.auth-shell{background:var(--page);grid-template-columns:1fr 1fr;align-items:center;gap:8vw;min-height:100vh;padding:6vw;display:grid}.auth-story{max-width:620px;position:relative}.auth-story .brand{margin-bottom:85px;display:block}.auth-story h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(32px,4vw,58px);line-height:1.35}.auth-story p{color:var(--ink-muted);font-size:16px;line-height:2}.auth-line{border-top:1px solid #bbb;border-right:1px solid #ddd;width:75%;height:110px;margin:70px 0 10px;display:block;transform:skewY(-16deg)}.auth-card{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;max-width:480px;padding:40px}.auth-card h2{margin:12px 0;font-size:28px}.auth-card>p{margin-bottom:26px;font-size:14px;line-height:1.8}.auth-links{justify-content:space-between;gap:15px;margin:22px 0;font-size:13px;display:flex}.auth-links a{align-items:center;gap:5px;display:flex}.auth-links a:hover,.auth-links a:focus-visible{text-underline-offset:3px;text-decoration:underline}.team-form{flex-direction:column;gap:18px;display:flex}.team-form label{flex-direction:column;gap:8px;font-size:14px;display:flex}.team-form input,.team-form textarea,.team-form select,.team-toolbar select,.team-toolbar input,.team-dialog textarea,.team-dialog select{font:inherit;border:1px solid var(--border);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:4px;padding:10px 12px}.team-form textarea{resize:vertical;line-height:1.65}.team-form input:focus,.team-form select:focus,.team-form textarea:focus{outline-offset:1px;outline:1px solid #555}.team-check{align-items:center;flex-direction:row!important;gap:8px!important;display:flex!important}.team-check input{height:16px;width:16px!important}.team-error{background:var(--surface);border:1px solid var(--border-strong);color:var(--ink);overflow-wrap:anywhere;border-radius:4px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.65}.team-error a{gap:6px;margin-top:5px;text-decoration:underline;display:flex}.team-notice{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin:18px 0;padding:14px 18px;font-size:14px;line-height:1.8}.team-notice strong{font-weight:600}.team-notice button{margin-left:12px;text-decoration:underline}.team-overlay{z-index:100}.team-dialog{overscroll-behavior:contain;width:min(600px,100vw - 32px);max-height:88vh;padding:32px;overflow:auto}.team-dialog-wide{width:min(820px,100vw - 32px)}.team-dialog h2{overflow-wrap:anywhere;margin:10px 0 24px;font-size:25px}.team-dialog hr{border:0;border-top:1px solid var(--border);margin:28px 0}.team-dialog p{line-height:1.85}.team-dialog .close{position:absolute;top:16px;right:16px}.team-dialog label{font-size:14px}.team-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.heading>.team-toolbar{margin:0}.team-toolbar input{max-width:340px}.team-toolbar select{width:auto;max-width:260px}.team-toolbar label{align-items:center;gap:12px;display:flex}.team-project{text-align:left;overflow:hidden}.project-open{text-align:left;width:100%;display:block}.team-project .projectinfo small{color:var(--ink-muted);margin-top:14px;font-size:12px;display:block}.project-actions{border-top:1px solid var(--border);gap:18px;padding:12px 20px;font-size:13px;display:flex}.project-actions button:hover{text-decoration:underline}.projectinfo h3{overflow-wrap:anywhere}.team-project .thumb>.pill{position:absolute;top:15px;left:15px}.team-upload{background:var(--surface);border:1px dashed var(--border-strong);margin:24px 0;padding:20px;display:block}.team-upload input{margin-top:15px}.import-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;display:flex}.version-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.version-list small{color:var(--ink-muted);margin-top:7px;display:block}.version-list button{flex-shrink:0}.editor-save-error{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:12px;padding:0 14px;display:flex}.editor-save-error .team-error{flex:1}.workspace-floating-error{z-index:40;position:fixed;bottom:24px;left:260px;right:50px}.feedback-list{flex-direction:column;gap:14px;display:flex}.feedback-row{border:1px solid var(--border);background:var(--paper);text-align:left;border-radius:5px;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.feedback-row:hover{border-color:var(--border-strong)}.feedback-row h3{overflow-wrap:anywhere;margin:14px 0}.feedback-row small{color:var(--ink-muted)}.unread{color:var(--ink);border-bottom:1px solid #555;margin-left:10px;font-size:12px}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-images{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.feedback-images img{object-fit:contain;border:1px solid var(--border);background:#fafafa;width:170px;height:130px}.reply-list{margin:24px 0}.reply-list article{background:var(--surface);border-left:2px solid #ccc;margin:16px 0;padding:8px 18px}.reply-list small{color:var(--ink-muted)}.context-json{background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;font-size:12px}.team-file{justify-content:space-between;gap:12px;font-size:13px;display:flex}.team-file span{overflow-wrap:anywhere}.team-file button{flex-shrink:0;text-decoration:underline}.table-actions{flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.table-actions button:hover{text-decoration:underline}.table-sub{color:var(--ink-muted);margin-top:4px;display:block}.admin-panel>h3{padding:20px 0}.admin-sidebar .nav{text-align:left;width:100%}.admin-app .workspace-content{max-width:none}.team-dialog button:disabled,.team-toolbar button:disabled{opacity:.5;cursor:default}.auth-card button:disabled{opacity:.5}.team-form .full{padding:12px}.editorhead>.btn{white-space:nowrap}.admin-table td{overflow-wrap:anywhere}.admin-table td small{font-size:12px}.admin-app main>.content{min-height:calc(100vh - 64px)}@media (width<=1100px){.auth-shell{gap:4vw;padding:4vw}.auth-card{padding:28px}.editorhead{flex-wrap:wrap;height:auto;min-height:64px;padding-top:8px;padding-bottom:8px}.editorhead .titleinput{max-width:220px}.heading{flex-wrap:wrap;gap:20px}}@media (width<=700px){.auth-shell{padding:25px 18px;display:block}.auth-story .brand{margin-bottom:20px}.auth-story h1{margin:15px 0;font-size:28px}.auth-story .eyebrow,.auth-story p,.auth-line{display:none}.auth-card{max-width:none;margin-top:30px;padding:24px}.team-dialog{padding:25px 20px}.team-toolbar{gap:8px}.team-toolbar input{max-width:none}.version-list>div{align-items:flex-start}.workspace-floating-error{left:15px;right:15px}.editor-save-error{display:block}.auth-links{flex-wrap:wrap}}@media (prefers-reduced-motion:no-preference){.auth-card{animation:.35s ease-out team-enter}.feedback-row{transition:border-color .18s,transform .18s}.feedback-row:hover{transform:translateY(-1px)}@keyframes team-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.account-avatar{color:var(--ink);background:var(--surface-selected);flex-shrink:0;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-avatar.large{width:64px;height:64px;font-size:25px}.avatar-button{border-radius:50%;flex-shrink:0;padding:0}.avatar-button:hover{box-shadow:0 0 0 3px var(--border)}.account-cell,.admin-account-pill{align-items:center;gap:10px;display:flex}.admin-account-pill{font-size:var(--ui-font-control);color:var(--ink-secondary)}.avatar-picker{border:0;min-width:0;margin:0;padding:0}.avatar-picker legend{font-size:var(--ui-font-text);margin-bottom:14px;padding:0}.avatar-preview{align-items:center;gap:18px;margin-bottom:18px;display:flex}.avatar-preview strong{font-size:var(--ui-font-text)}.avatar-preview p{font-size:var(--ui-font-caption);color:var(--ink-muted);margin:6px 0}.avatar-presets{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.avatar-presets button{border:1px solid var(--border);border-radius:5px;flex-direction:column;align-items:center;gap:8px;padding:10px 3px;font-size:12px;display:flex}.avatar-presets button[aria-pressed=true]{border-color:var(--ink);background:var(--surface-hover)}.avatar-picker .avatar-upload{gap:8px;margin:18px 0 8px;display:flex}.avatar-upload input{font-size:12px}.avatar-picker small{font-size:var(--ui-font-caption);color:var(--ink-muted);line-height:1.7;display:block}.avatar-picker:disabled{opacity:.65}.team-project-hint{font-size:var(--ui-font-control);color:var(--ink-muted);margin:0 0 20px;line-height:1.8}.project-actions{flex-wrap:wrap;gap:12px 18px}.editor-owner{font-size:var(--ui-font-caption);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}@media (width<=560px){.avatar-presets{grid-template-columns:repeat(3,1fr)}.avatar-preview{gap:12px}.editor-owner{max-width:75px}}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Thin.ttf);font-weight:250;font-display:swap}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:FORM HarmonyOS Artwork;src:url(/export-fonts/HarmonyOS_Sans_SC_Black.ttf);font-weight:900;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Thin.ttf);font-weight:100 250;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Bold.ttf);font-weight:600 700;font-display:swap}@font-face{font-family:FORM HarmonyOS Fallback;src:url(/export-fonts/HarmonyOS_Sans_SC_Black.ttf);font-weight:800 900;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:FORM YaHei Artwork;src:url(/export-fonts/MicrosoftYaHei-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:FORM YaHei Artwork;src:url(/export-fonts/MicrosoftYaHei-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Thin.ttf);font-weight:100;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-ExtraLight.ttf);font-weight:200;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-ExtraBold.ttf);font-weight:800;font-display:swap}@font-face{font-family:FORM Outfit Artwork;src:url(/export-fonts/Outfit-Black.ttf);font-weight:900;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-ExtraLight.ttf);font-weight:200;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-Light.ttf);font-weight:300;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-Medium.ttf);font-weight:500;font-display:swap}@font-face{font-family:FORM PingFang Artwork;src:url(/export-fonts/PingFang-Heavy.ttf);font-weight:900;font-display:swap}.color-field{min-width:0;margin:16px 0}.color-field-title{color:var(--ink-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.color-field-title>span:last-child{color:var(--ink-muted);letter-spacing:.6px;font-size:11px}.color-hex-row{align-items:end;gap:10px;display:flex}.color-hex-row>input[type=color]{cursor:pointer;flex:none;width:42px;height:38px;padding:3px}.color-hex-row>label{min-width:0;color:var(--ink-muted);flex:1;font-size:11px}.color-hex-row input[type=text]{font-variant-numeric:tabular-nums;text-transform:uppercase;width:100%;margin-top:5px;font-size:14px}.color-cmyk-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.color-cmyk-row>label{min-width:0;color:var(--ink-muted);font-size:12px;position:relative}.color-cmyk-row input{appearance:textfield;font-variant-numeric:tabular-nums;width:100%;margin-top:5px;font-size:13px;padding:7px 13px 7px 5px!important}.color-cmyk-row input::-webkit-inner-spin-button{appearance:none}.color-cmyk-row label>span{pointer-events:none;font-size:10px;position:absolute;bottom:8px;right:4px}.color-field [aria-invalid=true]{border-color:#b55757!important}.color-error{color:#a23f3f;margin:7px 0 0;font-size:12px}.color-preview-note{color:var(--ink-muted);margin-top:7px;font-size:11px;line-height:1.6}.clip-isolation-bar{border-bottom:1px solid var(--line,#ddd);background:var(--paper,#fff);flex-shrink:0;align-items:center;gap:18px;padding:9px 18px;font-size:14px;display:flex}.clip-isolation-bar button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:4px;display:inline-flex}.clip-isolation-bar span{color:var(--muted,#777);font-size:12px}.clip-enter{border:1px solid var(--line,#ddd);background:var(--paper,#fff);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:5px;margin-bottom:14px;padding:10px}@media (width<=1000px){.clip-isolation-bar span{display:none}}.export-dialog{width:min(570px,100vw - 40px);min-width:0;padding:30px 34px}.export-dialog h2{margin:10px 0 20px}.export-format{grid-template-columns:1fr 1fr;gap:10px;display:grid}.export-format button{text-align:left;border:1px solid var(--border);border-radius:5px;padding:15px}.export-format button[aria-pressed=true]{border-color:var(--ink);background:var(--surface-hover)}.export-format strong{letter-spacing:1px;font-size:18px;display:block}.export-format span{font-size:var(--ui-font-caption);color:var(--ink-muted);margin-top:7px;font-weight:400;line-height:1.5;display:block}.export-layer-heading{font-size:var(--ui-font-text);justify-content:space-between;align-items:center;margin-top:22px;display:flex}.export-layer-heading>span{color:var(--ink-muted);font-size:var(--ui-font-caption)}.export-presets{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.export-presets button{border:1px solid var(--border);font-size:var(--ui-font-caption);border-radius:4px;padding:6px 9px}.export-layer-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.export-layer-list label{border:1px solid var(--border);cursor:pointer;border-radius:5px;align-items:center;gap:9px;padding:12px 10px;display:flex}.export-layer-list label:has(input:checked){background:var(--surface-hover)}.export-layer-list input{width:15px;height:15px;accent-color:var(--ink);flex-shrink:0;margin:0}.export-layer-list strong{font-size:var(--ui-font-control);font-weight:500;display:block}.export-layer-list small{font-size:var(--ui-font-caption);color:var(--ink-muted);margin-top:5px;font-weight:400;line-height:1.5;display:block}.export-text-mode{border:0;flex-wrap:wrap;gap:12px 20px;min-width:0;margin:16px 0 10px;padding:0;display:flex}.export-text-mode legend{font-size:var(--ui-font-text);margin-bottom:10px;padding:0;font-weight:500}.export-text-mode label{font-size:var(--ui-font-control);cursor:pointer;align-items:center;gap:8px;display:flex}.export-text-mode input{width:15px;height:15px;accent-color:var(--ink);flex-shrink:0;margin:0}.export-dialog .export-exclusion{background:var(--surface);font-size:var(--ui-font-caption);border-radius:4px;margin:14px 0;padding:10px 12px;font-weight:400}.export-dialog .export-format-note,.export-dialog .export-proof-note{font-size:var(--ui-font-caption);margin:8px 0;font-weight:400;line-height:1.7}.export-dialog .export-proof-note{color:var(--ink-muted)}.export-dialog .export-error{color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);font-size:var(--ui-font-control);padding:10px 12px}.export-result{font-size:var(--ui-font-caption);color:var(--ink-secondary);min-height:20px;margin-top:12px;line-height:1.7}.export-actions{justify-content:space-between;gap:10px;margin-top:14px;display:flex}.export-actions>.dark{min-width:160px}@media (width<=560px){.export-dialog{padding:26px 18px}.export-layer-list{grid-template-columns:1fr}.export-format span{font-size:11px}.export-actions>.dark{flex:1;min-width:0}}.export-color-note{background:var(--surface);border:1px solid var(--border);color:var(--ink-secondary);border-radius:4px;padding:12px 14px;font-size:12px;line-height:1.7}.editor-modebar{border-bottom:1px solid var(--border);background:var(--paper);align-items:center;gap:24px;height:52px;padding:0 22px;display:flex}.mode-switch{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:3px;display:flex}.mode-switch button{font-size:var(--ui-font-control);white-space:nowrap;border-radius:3px;padding:7px 17px}.mode-switch .selected{background:var(--action);color:var(--inverse)}.editor-modebar>span{font-size:var(--ui-font-control);color:var(--ink-secondary)}.editor-modebar i{color:var(--border-strong);padding:0 8px;font-style:normal}.editor-modebar small{color:var(--ink-muted);margin-left:6px}.prototype-label{margin-left:auto;color:var(--ink-muted)!important;font-size:var(--ui-font-note)!important}.upgraded-editor{--editor-panel-width:308px;--editor-panel-gap:16px;isolation:isolate;height:auto;min-height:0;padding-right:calc(var(--editor-panel-width) + 2 * var(--editor-panel-gap));background:var(--surface);flex:1;position:relative;overflow:hidden}.upgraded-editor .canvaslabel{pointer-events:none;top:19px}.upgraded-editor>.stage,.upgraded-editor>.box-preview{min-height:0}.upgraded-editor>.tools{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.upgraded-editor .canvaslabel span{letter-spacing:.4px;font-size:var(--ui-font-note);margin:7px 0 0;display:block}.upgraded-editor .stage>svg{padding:26px 18px 36px}.upgraded-editor .canvasbottom{justify-content:flex-end;bottom:12px}.panel-label,.dimension-mark{font-family:var(--font-ui)}.dimension-value{cursor:pointer}.dimension-value:hover rect{stroke:#222;stroke-width:1px}.dimension-value:focus{outline:none}.dimension-value:focus-visible rect{stroke-width:1.5px;stroke:#222}.dimension-mark.is-invalid .dimension-value rect{stroke:#c75b5b;fill:#fff1f1;animation:1.8s ease-in-out infinite dimension-invalid-breathe}.dimension-mark.is-invalid .dimension-value text{fill:#ad3535}.structure-inline-editor{width:208px;font:500 14px/1.5 var(--font-ui);color:var(--ink);-webkit-user-select:text;user-select:text;letter-spacing:0;padding:3px}.inline-param-field{background:#fff;border:1px solid #777;border-radius:5px;align-items:center;gap:7px;height:34px;padding:0 8px;display:flex;box-shadow:0 3px 12px #00000015}.inline-param-field>span{color:var(--ink-muted);flex-shrink:0;font-size:12px}.inline-param-field>span:first-child{color:var(--ink);font-weight:600}.inline-param-field input{width:100%;min-width:0;height:100%;font:500 14px/1.5 var(--font-ui);color:inherit;background:0 0;border:0;outline:none!important;margin:0!important;padding:0!important}.structure-inline-editor.is-invalid .inline-param-field,.param-field.is-invalid input{color:#ad3535;background:#fff5f5;border-color:#c75b5b;animation:1.8s ease-in-out infinite param-invalid-breathe}.inline-param-error{color:#ad3535;background:#fff5f5;border:1px solid #edc6c6;border-radius:4px;max-height:68px;margin-top:4px;padding:5px 7px;font-size:11px;line-height:1.5;overflow:auto}.inline-param-error small{color:#985353;margin-top:2px;font-size:10px;display:block}@keyframes param-invalid-breathe{0%,to{box-shadow:0 0 0 1px #d9656518}50%{box-shadow:0 0 0 3px #d9656540,0 0 9px #d9656530}}@keyframes dimension-invalid-breathe{0%,to{fill:#fff5f5;stroke:#d89292}50%{fill:#ffdede;stroke:#c34747}}@media (prefers-reduced-motion:reduce){.dimension-mark.is-invalid .dimension-value rect,.structure-inline-editor.is-invalid .inline-param-field,.param-field.is-invalid input{animation:none;box-shadow:0 0 0 1px #d9656540}}.structure-panel-title{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:19px 18px;display:flex}.structure-panel-title strong{font-size:var(--ui-font-body);font-weight:var(--weight-heading)}.structure-panel-title small{font-size:var(--ui-font-micro);color:var(--ink-muted);letter-spacing:1px;margin-top:4px;display:block}.structure-properties{flex-direction:column;display:flex;overflow:hidden!important}.param-scroll{scrollbar-width:thin;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow-y:auto}.param-scroll section{padding:20px 16px}.param-field{border-radius:3px;justify-content:space-between;align-items:center;gap:8px;margin:7px -5px;padding:4px 5px;display:flex!important}.param-field.active{background:var(--surface-hover)}.param-field>span{font-size:var(--ui-font-control);min-width:0;line-height:1.5}.param-field small{font-size:var(--ui-font-caption);color:var(--ink-muted);margin-left:4px}.param-field>div{flex-shrink:0;align-items:center;width:128px;display:flex;position:relative}.param-field input{min-width:0;padding:8px 28px 8px 8px;font-size:var(--ui-font-control)!important;margin:0!important}.param-field input::-webkit-inner-spin-button{display:none}.param-field em{font-style:normal;font-size:var(--ui-font-note);color:var(--ink-muted);pointer-events:none;position:absolute;right:8px}.select-field{margin:10px 0 14px}.select-field select{border:1px solid var(--border);background:var(--paper);width:100%;color:var(--ink);font-size:var(--ui-font-control);border-radius:4px;margin-top:7px;padding:9px 8px}.param-note{font-size:var(--ui-font-note);color:var(--ink-muted);margin:14px 0 0;line-height:1.8}.structure-apply{border-top:1px solid var(--border);background:var(--paper);padding:12px}.structure-apply>div:last-child{gap:8px;display:flex}.structure-apply .btn{flex:1}.param-errors{font-size:var(--ui-font-control);border-left:3px solid var(--ink);background:var(--surface-hover);max-height:180px;margin-bottom:10px;padding:7px 9px;line-height:1.7;overflow-y:auto}.param-errors small{color:var(--ink-muted);margin-top:5px;display:block}.box-preview{background:#f1f1f1;flex:1;min-width:0;position:relative;overflow:hidden}.box-preview-renderer{position:absolute;inset:0 0 90px}.box-preview-renderer canvas{touch-action:none;display:block}.preview-caption{pointer-events:none;position:absolute;top:22px;left:24px}.preview-caption strong{font-size:var(--ui-font-control);font-weight:var(--weight-heading)}.preview-caption span{font-size:var(--ui-font-note);color:var(--ink-muted);margin-top:8px;display:block}.fold-controls{border:1px solid var(--border);background:var(--paper);width:min(90%,490px);font-size:var(--ui-font-note);white-space:nowrap;border-radius:7px;align-items:center;gap:12px;padding:9px 13px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #00000008}.fold-controls button{font-size:var(--ui-font-note);padding:6px 7px}.fold-controls input{accent-color:#333;flex:1;min-width:45px;padding:0}.fold-controls output{min-width:30px;color:var(--ink-muted)}.preview-note{text-align:center;font-size:var(--ui-font-note);color:var(--ink-muted);pointer-events:none;position:absolute;bottom:21px;left:0;right:0}.preview-error{text-align:center;position:absolute;inset:40% 10% auto}.preview-loading{background:var(--surface);color:var(--ink-muted);flex:1;place-items:center;display:grid}.export-options{gap:12px;margin:25px 0;display:flex}.upgraded-editor .properties .sectionlabel{align-items:center;gap:6px;display:flex}@media (width<=1150px){.upgraded-editor{--editor-panel-width:280px;--editor-panel-gap:12px}.editor-modebar{gap:12px;padding:0 14px}.prototype-label{display:none}.mode-switch button{padding:7px 11px}.editor-modebar>span{font-size:var(--ui-font-note)}.fold-controls{gap:5px}.upgraded-editor .canvasbottom>span{max-width:60%;line-height:1.6}}@media (width<=850px){.upgraded-editor{--editor-panel-width:252px;--editor-panel-gap:8px}.editor-modebar>span{display:none}.upgraded-editor .canvaslabel span{max-width:210px}.upgraded-editor .stage>svg{padding:30px 4px}.param-field>div{width:110px}}.panel-label,.dimension-mark,.transform-readout,.prototype-label,.param-field small,.param-field em,.param-note,.param-errors,.preview-caption span,.preview-note,.fold-controls>span,.fold-controls output{font-weight:var(--weight-note)}.outer-dimensions{font-family:var(--font-ui);font-weight:var(--weight-note);-webkit-user-select:none;user-select:none}.upgraded-editor .editor-properties{top:var(--editor-panel-gap);right:var(--editor-panel-gap);bottom:var(--editor-panel-gap);width:var(--editor-panel-width);border:1px solid var(--border);background:var(--paper);z-index:4;overscroll-behavior:contain;border-radius:8px;flex-direction:column;min-height:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 4px 18px #0000000b}.editor-properties>.tabs{flex-shrink:0}.editor-properties>.tabs small{font-size:var(--ui-font-caption);color:var(--ink-muted);font-weight:var(--weight-note);margin-left:7px}.property-panel-scroll,.layer-panel-scroll{scrollbar-width:thin;scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;min-width:0;min-height:0;overflow-y:auto}.editor-properties .visibility-panel{padding:18px 12px 14px}.visibility-heading{font-size:var(--ui-font-text);justify-content:space-between;align-items:center;gap:8px;margin:0 3px 12px;display:flex}.visibility-heading>span{align-items:center;gap:7px;display:flex}.visibility-heading>button{font-size:var(--ui-font-note);border-radius:4px;padding:6px}.visibility-heading>button:hover:not(:disabled){background:var(--surface-hover)}.visibility-list{flex-direction:column;gap:4px;display:flex}.visibility-row{text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;width:100%;padding:11px 8px;transition:background .15s,border-color .15s,color .15s;display:flex}.visibility-row:hover{background:var(--surface-hover)}.visibility-row:focus-visible{outline:1px solid var(--ink);outline-offset:1px}.visibility-row.is-hidden{color:var(--ink-muted);background:var(--surface);border-color:var(--border)}.visibility-copy{flex:1;min-width:0}.visibility-copy strong{font-size:var(--ui-font-control);font-weight:var(--weight-ui);display:block}.visibility-copy small{font-size:var(--ui-font-caption);font-weight:var(--weight-note);color:var(--ink-muted);margin-top:5px;line-height:1.5;display:block}.visibility-row>svg{flex-shrink:0}.layer-swatch{border:1px solid var(--ink-secondary);border-radius:2px;flex-shrink:0;width:13px;height:13px}.layer-swatch-annotations{border-color:var(--dimension-line);border-width:0 0 1px}.layer-swatch-bleed{border-color:var(--bleed-line);border-style:dashed}.layer-swatch-safe{border-style:dotted;border-color:var(--ink-muted)}.layer-swatch-info{background:var(--surface-hover);border-radius:50%}.layer-swatch-artwork{background:var(--ink-secondary)}.layer-swatch-crease{border:0;border-top:1px dashed var(--ink-muted);border-radius:0;height:0}.editor-properties .object-layers{padding:18px 12px;position:relative}.object-layers .layer{gap:4px}.object-layers .object-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.object-layers .layer>button:not(.object-name){flex:0 0 27px;place-items:center;min-height:30px;display:grid}.object-layers .object-hidden .object-name{color:var(--ink-muted)}.layer-panel-scroll .param-note{margin:12px 3px 0}.object-layers .sectionlabel+.param-note{margin-bottom:12px}.structure-apply,.structure-panel-title{flex-shrink:0}.object-layer-help{font-size:var(--ui-font-caption);color:var(--ink-muted);font-weight:var(--weight-note);margin:0 0 10px;line-height:1.7}.object-layers .layer{align-items:center;position:relative}.object-layers .object-name{flex:1;line-height:1.5;display:block}.object-layers .layer[draggable=true],.object-layers .layer[draggable=true] .object-name{cursor:grab}.object-layers .is-dragging{opacity:.4}.object-grip{color:var(--ink-muted);opacity:.45;flex:0 0 12px;place-items:center;display:grid}.layer:hover .object-grip,.layer:focus-within .object-grip{opacity:1}.object-layers .drop-before:before,.object-layers .drop-after:after{content:"";background:var(--ink-secondary);pointer-events:none;z-index:1;height:2px;position:absolute;left:0;right:0}.object-layers .drop-before:before{top:-1px}.object-layers .drop-after:after{bottom:-1px}.object-layers .object-name-input{border:1px solid var(--ink-muted);width:0;min-width:0;height:32px;font-size:var(--ui-font-note);background:var(--paper);color:var(--ink);border-radius:2px;flex:1;margin:0;padding:4px 5px}.object-layer-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opacity-control{min-width:0;font-size:var(--ui-font-note);color:var(--ink-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.opacity-control>label{cursor:pointer;flex-shrink:0}.opacity-number{min-width:0;font-size:var(--ui-font-caption);flex:0 0 54px;align-items:center;gap:2px;display:flex}.opacity-number input{text-align:right;border:1px solid var(--border);background:var(--paper);width:40px;min-width:0;height:28px;color:var(--ink);border-radius:3px;padding:3px 2px;font-size:inherit!important;margin:0!important}.opacity-number input::-webkit-inner-spin-button{display:none}.opacity-control.is-compact{flex:0 0 47px;margin:0}.opacity-control.is-compact .opacity-number{flex-basis:47px}.opacity-control.is-compact input{background:0 0;border-color:#0000;width:34px}.opacity-control.is-compact input:hover,.opacity-control.is-compact input:focus{border-color:var(--border);background:var(--paper)}.opacity-number{cursor:pointer}.opacity-number input[aria-expanded=true]{border-color:var(--ink-muted);background:var(--paper)}.opacity-popover{z-index:90;border:1px solid var(--border);background:var(--paper);width:232px;color:var(--ink);font-family:var(--font-ui);border-radius:6px;padding:12px 14px 9px;position:fixed;box-shadow:0 5px 22px #00000018}.opacity-popover-heading{font-size:var(--ui-font-note);font-weight:var(--weight-ui);justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.opacity-popover-heading output{font-variant-numeric:tabular-nums}.opacity-popover input[type=range]{width:100%;height:20px;accent-color:var(--ink);cursor:ew-resize;border:0;margin:0;padding:0;display:block}.opacity-popover input[type=range]:focus-visible{outline:1px solid var(--ink-muted);outline-offset:3px;border-radius:3px}.opacity-popover-scale{color:var(--ink-muted);font-size:var(--ui-font-caption);font-weight:var(--weight-note);justify-content:space-between;margin-top:4px;display:flex}.text-properties{border:0;min-width:0;margin:0;padding:0}.text-properties select,.text-properties textarea{border:1px solid var(--border);background:var(--paper);width:100%;color:var(--ink);font-size:var(--ui-font-text);border-radius:4px;margin-top:7px;padding:8px;display:block}.text-properties textarea{resize:vertical;min-height:76px;line-height:1.6}.text-properties .fieldgrid{gap:12px 8px}.text-properties .fieldgrid>label{min-width:0}.text-align-label{margin-top:18px}.text-alignment{border:1px solid var(--border);border-radius:4px;grid-template-columns:repeat(4,1fr);margin-top:8px;display:grid;overflow:hidden}.text-alignment button{font-size:var(--ui-font-caption);padding:9px 2px}.text-alignment button[aria-pressed=true]{background:var(--action);color:var(--inverse)}.canvas-text-input{caret-color:currentColor;-webkit-user-select:text;user-select:text;scrollbar-width:none;background:0 0;min-width:0;min-height:0;display:block;overflow:visible;box-sizing:border-box!important;box-shadow:none!important;border:0!important;border-radius:0!important;outline:none!important;margin:0!important}.canvas-text-input::-webkit-scrollbar{display:none}.canvas-text-input::selection{color:#111;background:#cfcfcf}.canvasbottom .canvas-zoom-controls{flex-shrink:0;gap:2px;padding:2px}.canvas-zoom-value{font-size:var(--ui-font-text);font-variant-numeric:tabular-nums;align-items:center;gap:2px;margin:0;padding-right:6px;display:flex}.canvas-zoom-value input{width:66px;min-width:0;height:30px;color:var(--ink);font:inherit;text-align:right;background:0 0;border:1px solid #0000;border-radius:3px;outline:none;margin:0;padding:3px 2px}.canvas-zoom-value input:focus{border-color:var(--border);background:var(--paper)}.canvas-zoom-value>span{color:var(--ink-muted)}.canvasbottom .canvas-zoom-controls button:disabled{opacity:.3;cursor:default}.canvasbottom .canvas-zoom-controls button:last-child{border-left:1px solid var(--border);border-radius:0;margin-left:2px}.canvasbottom>span{min-width:0;margin-right:12px}.rectangle-properties{border:0;min-width:0;margin:0;padding:0}.rectangle-properties .check{margin:16px 0 0}.rectangle-properties input[type=range]{accent-color:#333;width:100%;padding:0}.code-properties{border:0;min-width:0;margin:0;padding:0}.code-properties select{border:1px solid var(--border);background:var(--paper);width:100%;color:var(--ink);font-size:var(--ui-font-text);border-radius:4px;margin-top:7px;padding:8px;display:block}.code-status{background:var(--surface);border:1px solid var(--border);font-size:var(--ui-font-note);border-radius:4px;margin:16px 0;padding:12px;line-height:1.7}.code-status.is-invalid{color:#9f4f4f;border-color:#cfaaaa}.code-status small{color:var(--ink-muted);margin-top:6px;display:block}.code-properties input[aria-invalid=true]{border-color:#bf7777}.company-properties{border:0;min-width:0;margin:0;padding:0}.company-gaps{gap:14px;display:grid}.company-copy{border-top:1px solid var(--border);font-size:var(--ui-font-note);margin-top:18px;padding-top:14px}.company-copy summary{cursor:pointer;color:var(--ink-secondary)}.company-copy p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--ui-font-note);line-height:1.65}.rectangle-image{border-block:1px solid var(--border);margin-top:20px;padding:16px 0}.rectangle-image>label{margin-top:14px}.rectangle-image small{overflow-wrap:anywhere;color:var(--ink-muted);line-height:1.6;display:block}.image-upload{border:1px dashed var(--border-strong);border-radius:4px;padding:12px}.image-upload input{max-width:100%;font-size:var(--ui-font-note)!important}.image-preview{object-fit:contain;background:var(--surface);width:100%;height:110px;margin:12px 0;display:block}.image-actions{gap:8px;margin-top:14px;display:flex}.image-actions .btn{font-size:var(--ui-font-note);padding:8px}.alignment-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.alignment-grid .btn{font-size:var(--ui-font-note);justify-content:center;padding:9px 2px}.hero.hero--layers{aspect-ratio:2.7;isolation:isolate;background:linear-gradient(115deg,#f0f0f0 0%,#f8f8f8 58%,#fafafa 100%);grid-template-columns:minmax(260px,30%) minmax(0,1fr);width:100%;min-width:0;height:auto;min-height:440px;max-height:620px;display:grid;container-type:inline-size}.hero--layers .heroCopy{z-index:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:auto;min-width:0;min-height:0;padding:clamp(32px,4cqw,60px) 0 clamp(28px,3.2cqw,48px) clamp(28px,3.3cqw,64px);display:flex}.hero--layers .heroCopy .eyebrow{letter-spacing:1.3px;color:#8b8b8b;font-size:clamp(10px,.85cqw,13px);line-height:1.4}.hero--layers .heroCopy h2{letter-spacing:-.035em;color:#252525;margin:18px 0 20px;font-size:clamp(38px,3.6cqw,64px);font-weight:600;line-height:1.48}.hero--layers .heroCopy h2 span{white-space:nowrap;display:block}.hero--layers .heroCopy p{color:#8a8a8a;max-width:none;margin:0;font-size:clamp(14px,1.05cqw,17px);line-height:1.95}.hero--layers .hero-template-link{--cta-progress:0;--cta-bg:#e2e2e2;--cta-ink:#202020;--cta-icon-bg:#202020;background:var(--cta-bg);min-height:44px;color:var(--cta-ink);text-align:left;transform:scale(calc(1 + .04 * var(--cta-progress)));border:0;border-radius:2px;flex-shrink:0;align-items:stretch;margin-top:auto;padding:0;font-size:clamp(15px,1.15cqw,18px);font-weight:500;transition:background-color .36s,color .36s,transform .42s cubic-bezier(.22,1,.36,1);display:inline-flex;overflow:hidden}.hero-template-label{transform:translateX(calc(-2px * var(--cta-progress)));align-items:center;padding:10px 16px;transition:transform .42s cubic-bezier(.22,1,.36,1);display:flex}.hero-template-arrow{color:#202020;flex-shrink:0;align-self:center;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.hero-template-arrow:before{content:"";background:var(--cta-icon-bg);width:32px;height:32px;transform:scale(calc(.25 + .75 * var(--cta-progress)));border-radius:1px;transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .36s;position:absolute}.hero-template-arrow svg{opacity:var(--cta-progress);transform:translateX(calc(-12px + 12px * var(--cta-progress)));transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .24s;position:relative}@media (hover:hover) and (pointer:fine){.hero--layers .hero-template-link:hover{--cta-progress:1;--cta-bg:#202020;--cta-ink:#fff;--cta-icon-bg:#fff}}.hero--layers .hero-template-link:focus-visible{--cta-progress:1;--cta-bg:#202020;--cta-ink:#fff;--cta-icon-bg:#fff;outline-offset:4px;outline:2px solid #555}.hero--layers .hero-template-link:active{transition-duration:.12s;transform:scale(.985)}@media (hover:none){.hero--layers .hero-template-link{--cta-progress:1;--cta-bg:#202020;--cta-ink:#fff;--cta-icon-bg:#fff;transform:none}}@media (prefers-reduced-motion:reduce){.hero--layers .hero-template-link,.hero-template-label{transform:none}}.hero--layers .herometa{letter-spacing:.85px;color:#929292;margin-top:clamp(22px,2.5cqw,38px);font-size:clamp(9px,.72cqw,11px);line-height:1.8}.packaging-layers-hero{min-width:0;min-height:0;font-family:var(--font-ui);flex-direction:column;align-self:stretch;padding:12px 12px 12px 0;display:flex;position:relative}.layer-hero-canvas{isolation:isolate;flex:1;width:100%;min-height:0;display:block;overflow:visible}.hero-layer-shift{transform:translate(var(--layer-x),var(--layer-y));--hero-animation:packaging-layer-sequence 12s cubic-bezier(.77,0,.175,1) var(--layer-delay) infinite both;animation:var(--hero-animation);animation-play-state:var(--layer-play-state)}.hero-layer-visual{transition:opacity .25s}.hero-layer-visual>g{cursor:pointer}.hero-layer.is-muted .hero-layer-visual{opacity:.12}.hero-layer-backing{fill-opacity:.34;stroke:#b8b8b8;stroke-width:.8px;stroke-opacity:.75;--hero-animation:packaging-backing-sequence 12s cubic-bezier(.77,0,.175,1) var(--layer-delay) infinite both;animation:var(--hero-animation);animation-play-state:var(--layer-play-state)}.hero-layer[data-hero-layer=bleed] .hero-layer-backing{fill:#edf4ef;stroke:#b4cfbc}.hero-layer[data-hero-layer=annotations] .hero-layer-backing{stroke:#d5b4b4}.hero-layer.is-highlighted .hero-layer-backing{fill-opacity:.6}.layer-hero-canvas [data-canvas-layer=safe] rect{fill:#bdbdbd;fill-opacity:.6;stroke:#999;stroke-width:1px;stroke-dasharray:4 3;stroke-opacity:0;pointer-events:visiblePainted;--hero-animation:packaging-safe-sequence 12s cubic-bezier(.77,0,.175,1) var(--layer-delay) infinite both;animation:var(--hero-animation);animation-play-state:var(--layer-play-state)}.hero-layer.is-highlighted [data-canvas-layer=safe] rect{fill:#aaa;stroke:#555;stroke-width:1.4px}.layer-hero-canvas [data-canvas-layer=info]{pointer-events:visiblePainted}.layer-hero-canvas .panel-label{fill:#777;font-size:9px}.hero-layer.is-highlighted .panel-label{fill:#333;font-weight:600}.hero-layer-callout-content{cursor:pointer;--hero-animation:packaging-callout-sequence 12s ease var(--layer-delay) infinite both;animation:var(--hero-animation);animation-play-state:var(--layer-play-state)}.hero-layer-callout-content:focus-visible{outline:none}.hero-layer-callout-content:focus-visible .hero-callout-hit{stroke:#777;stroke-width:.8px;fill:#fff;fill-opacity:.8}.hero-layer-callout{transition:opacity .25s}.hero-layer-callout.is-muted{opacity:.15}.hero-layer-callout.is-highlighted text{fill:#222;font-weight:600}.hero-layer-guides{--hero-animation:packaging-callout-sequence 12s ease infinite both;animation:var(--hero-animation);animation-play-state:var(--layer-play-state)}.packaging-layers-hero[data-static=true] .hero-layer-shift,.packaging-layers-hero[data-static=true] .hero-layer-callout-content,.packaging-layers-hero[data-static=true] .hero-layer-guides,.packaging-layers-hero[data-static=true] .hero-layer-backing,.packaging-layers-hero[data-static=true] [data-canvas-layer=safe] rect{animation:none}@keyframes packaging-layer-sequence{0%,10%,96%,to{transform:translate(0)}32%,72%{transform:translate(var(--layer-x),var(--layer-y))}}@keyframes packaging-callout-sequence{0%,15%,90%,to{opacity:0;visibility:hidden}34%,72%{opacity:1;visibility:visible}}@keyframes packaging-backing-sequence{0%,10%,96%,to{opacity:0}32%,72%{opacity:1}}@keyframes packaging-safe-sequence{0%,10%,96%,to{fill-opacity:0;stroke-opacity:1;pointer-events:visibleStroke}32%,72%{fill-opacity:.6;stroke-opacity:0;pointer-events:visiblePainted}}@media (width<=1150px) and (width>=901px){.hero.hero--layers{grid-template-columns:minmax(245px,32%) minmax(0,1fr)}.hero--layers .heroCopy{padding:32px 0 28px 26px}.hero--layers .heroCopy h2{font-size:38px}.hero--layers .heroCopy p{font-size:13px}.hero--layers .herometa{margin-top:24px}.packaging-layers-hero{padding:8px 8px 8px 0}}@media (width<=900px){.hero.hero--layers{aspect-ratio:auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;max-height:none}.hero--layers .heroCopy{width:auto;padding:28px 28px 0}.hero--layers .heroCopy h2{flex-wrap:wrap;column-gap:.45em;margin:12px 0 14px;font-size:clamp(32px,5.5vw,44px);line-height:1.3;display:flex}.hero--layers .heroCopy p{font-size:14px;line-height:1.85}.hero--layers .hero-template-link{margin-top:22px;font-size:15px}.hero--layers .herometa{display:none}.packaging-layers-hero{width:100%;height:clamp(240px,50vw,390px);padding:6px 14px 18px}.layer-hero-canvas{overflow:hidden}}@media (width<=560px){.hero--layers .heroCopy{padding:26px 22px 0}.hero--layers .heroCopy h2{font-size:32px}.hero--layers .heroCopy p{font-size:13px}.hero--layers .heroCopy p br{display:none}.packaging-layers-hero{padding:6px 8px 16px}}@media (prefers-reduced-motion:reduce){.packaging-layers-hero[data-static=false] :is(.hero-layer-shift,.hero-layer-callout-content,.hero-layer-guides,.hero-layer-backing,[data-canvas-layer=safe] rect){animation:var(--hero-animation)!important;animation-play-state:var(--layer-play-state)!important}}.app-version{color:var(--ink-muted);letter-spacing:.5px;white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 9px 0;font-size:12px;font-weight:400;line-height:18px;display:flex}.admin-sidebar .app-version{color:var(--admin-muted)}@media (width<=800px){.app-version{justify-content:center;padding-inline:0}.app-version>span:first-child{display:none}}