:root{font-family:Arial,sans-serif;color:#252629;background:#f6f6f8;font-size:13px;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dedee3;border-radius:5px;padding:8px 11px;cursor:pointer;white-space:nowrap;min-height:34px}button:hover{background:#f4f4f6;border-color:#c6c6ce}button:disabled{opacity:.4;cursor:default}button.primary{background:#e51b79;border-color:#e51b79;color:#fff}button.primary:hover{background:#cb1269}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #e51b79;outline-offset:2px}input:not([type=checkbox]):not([type=color]),select,textarea{width:100%;border:1px solid #dcdde3;border-radius:4px;background:#fff;padding:8px;min-width:0}input[type=number]{padding-right:3px}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{accent-color:#df1b78;width:14px;height:14px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.6}.app-shell{height:100dvh;display:flex;flex-direction:column;min-height:540px}.topbar{height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #e7e7eb}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:146px;height:32px;object-fit:contain;flex-shrink:0}.brand strong{font-size:19px}.brand>span:last-child{font-size:13px;color:#65666d}.brand-mark{background:#e7197b;color:#fff;width:28px;height:30px;display:grid;place-items:center;border-radius:7px;font-size:25px;font-weight:700}.brand-divider{height:20px;width:1px;background:#dedee3;margin:0 3px}.top-actions,.document-actions{display:flex;gap:9px;align-items:center}.local-tag{font-size:9px;color:#74767c;font-weight:600;margin-right:12px}.document-bar{height:69px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 22px;gap:14px;border-bottom:1px solid #dddde4;flex-shrink:0}.document-info{flex:1;min-width:100px;display:flex;flex-direction:column;gap:4px}.document-info input{font-weight:600;font-size:14px;border:0!important;padding:0!important;max-width:360px}.save-status{font-size:11px;color:#8a8b91;display:flex;align-items:center;gap:5px}.save-status>span{width:5px;height:5px;border-radius:50%;background:#6b9f83}.separator{width:1px;height:23px;background:#e2e2e7;margin:0 5px}.icon-button{width:30px;min-width:30px;height:30px;min-height:30px;padding:0;border:0;background:transparent;border-radius:4px}.icon-button.active{background:#fce6f0;color:#d71971}.workspace{display:grid;grid-template-columns:230px minmax(200px,1fr) 292px;flex:1;min-height:0}.left-panel,.right-panel{background:#fff;min-height:0;display:flex;flex-direction:column}.left-panel{border-right:1px solid #dedee5}.right-panel{border-left:1px solid #dedee5}.panel-heading{height:49px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.panel-heading>span:first-child{display:flex;align-items:center;gap:9px}.count{font-size:11px;color:#83848b;background:#f0f0f3;border-radius:4px;padding:2px 6px}.insert-tools{display:flex;gap:13px;padding:4px 15px 13px;border-bottom:1px solid #ededf0}.layer-list{flex:1;overflow:auto;padding:10px 7px}.layer-row{display:flex;align-items:center;min-height:38px;border-radius:4px;padding:0 3px;margin-bottom:2px}.layer-row:hover{background:#f7f7f9}.layer-row.is-selected{background:#fcebf3;color:#bf1966}.layer-row.is-hidden{opacity:.45}.layer-select{min-width:0;flex:1;justify-content:flex-start;border:0;background:transparent!important;padding:6px 3px;font-size:11px}.layer-select svg{flex-shrink:0;color:#787b85}.layer-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row>.icon-button{min-width:22px;width:22px;height:26px;color:#90929a}.layer-row>.icon-button svg{width:12px;height:12px}.binding-dot{height:5px;width:5px;min-width:5px;border-radius:50%;background:#dc4187}.layer-footer{border-top:1px solid #e8e8ec;display:flex;justify-content:space-around;padding:10px}.canvas-summary{border-top:1px solid #e8e8ec;padding:18px;cursor:pointer}.canvas-summary>span{display:block;font-size:9px;font-weight:700;color:#8d8d96;margin-bottom:9px}.canvas-summary strong{display:block;font-size:15px;font-weight:500}.canvas-summary strong span,.canvas-summary small{color:#9898a0}.canvas-summary>div{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;color:#8d8d96}.canvas-summary i{width:12px;height:12px;border:1px solid #ddd;border-radius:2px}.stage-area{position:relative;display:flex;align-items:center;justify-content:center;overflow:auto;background-color:#f0f1f4;background-image:radial-gradient(#d4d6dd .7px,transparent .7px);background-size:14px 14px;min-height:0;padding:50px}.stage-label{position:absolute;top:20px;left:26px;color:#8a8c96;font-size:10px;display:flex;gap:14px}.stage-label span{color:#a6a7af}.artboard-position{position:relative;flex-shrink:0}.artboard{position:absolute;left:0;top:0;transform-origin:top left;overflow:hidden;box-shadow:0 3px 20px #26273312;background-image:conic-gradient(#f4f4f4 25%,#fff 0,#fff 50%,#f4f4f4 0,#f4f4f4 75%,#fff 0);background-size:20px 20px}.art-layer{cursor:default;-webkit-user-select:none;user-select:none}.selected-layer{outline:1px solid #e51b79;outline-offset:0}.stage-bottom{position:fixed;bottom:16px;left:250px;right:312px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:10px}.stage-ready,.overflow-label{display:flex;align-items:center;gap:6px;color:#7d828c;font-size:10px;background:#f0f1f4e8;padding:8px;border-radius:4px}.overflow-label{color:#ad641b}.zoom-controls{display:flex;align-items:center;background:#fff;border:1px solid #dedee5;border-radius:6px;padding:3px;box-shadow:0 2px 5px #00000005;pointer-events:auto}.zoom-controls>span{font-size:11px;min-width:44px;text-align:center;color:#666871}.moveable-control{background:#fff!important;border:1px solid #e51b79!important;width:8px!important;height:8px!important;margin-top:-4px!important;margin-left:-4px!important}.moveable-line,.moveable-rotation-control{background:#e51b79!important}.inspector-tabs{display:grid;grid-template-columns:1fr 1fr;min-height:49px;border-bottom:1px solid #e8e8ee}.inspector-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;font-size:12px;color:#83858c;background:#fff}.inspector-tabs .chosen{color:#d61972;border-bottom-color:#e51b79}.inspector-scroll{overflow:auto;flex:1}.property-section{padding:16px;border-bottom:1px solid #e8e8ee}.property-section h3{font-size:11px;font-weight:600;margin:0 0 15px;display:flex;gap:6px;align-items:center}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h3{margin:0}.section-title{margin-bottom:12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;min-width:0}.field>span{font-size:10px;color:#81838c}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.field input,.field select{height:33px;font-size:12px}.color-field{border:1px solid #dcdde3;display:flex;align-items:center;padding:4px 6px;border-radius:4px;gap:6px;height:34px}.color-field input[type=color]{border:0;background:transparent;width:23px;height:25px;padding:0;flex-shrink:0}.color-field input:not([type=color]){border:0!important;padding:0!important;height:25px!important;font-size:11px}.check-field{display:flex;align-items:center;gap:5px;font-size:11px;margin:9px 0 12px}.full{width:100%;margin-bottom:8px;font-size:11px}.layer-name-input{margin-bottom:15px;font-size:12px}.text-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.segmented{display:flex;background:#f3f3f5;padding:2px;border-radius:4px}.subsection{border-top:1px solid #ececf0;padding-top:15px;margin-top:16px}.warning{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:#a76317;background:#fff5e5;padding:9px;border-radius:4px}.image-preview{height:115px;background:#f3f3f6;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.image-preview img{height:100%;max-width:100%;object-fit:contain}.focal-picker{height:120px;position:relative;background:#f3f3f6;overflow:hidden;cursor:crosshair;border:1px solid #dddde3;margin-bottom:12px}.focal-picker img{width:100%;height:100%;object-fit:fill;opacity:.65}.focal-picker:before,.focal-picker:after{content:"";position:absolute;z-index:1;background:#fff8}.focal-picker:before{left:50%;top:0;height:100%;width:1px}.focal-picker:after{top:50%;left:0;width:100%;height:1px}.focal-picker i{position:absolute;z-index:2;width:14px;height:14px;border-radius:50%;border:3px solid white;outline:2px solid #e51b79;background:#e51b79;transform:translate(-50%,-50%);pointer-events:none}.bound-value{background:#f6f6f8;border-radius:4px;padding:10px;font-size:11px}.bound-value span{color:#95969e;font-size:10px;display:block;margin-bottom:6px}.bound-value div{max-height:60px;overflow:auto;overflow-wrap:anywhere}.font-entry{display:flex;gap:5px;margin-bottom:7px}.font-entry input{width:70%!important;font-size:11px!important}.font-entry select{width:30%;font-size:11px}.json-editor{height:310px;font-family:monospace;resize:vertical;font-size:11px;-moz-tab-size:2;tab-size:2;margin-bottom:12px;white-space:pre;overflow:auto}.binding-row{display:flex;justify-content:space-between;width:100%;padding:9px 0;gap:9px;border:0;border-bottom:1px solid #eee;border-radius:0;font-size:10px}.binding-row span{white-space:normal;text-align:left}.binding-row code{font-size:9px;color:#c52270;background:#fdf0f5;padding:3px;overflow-wrap:anywhere;white-space:normal}.error-text{color:#bb304f;font-size:11px}.toast{position:fixed;z-index:1000;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;background:#25282c;color:#fff;padding:10px 12px 10px 18px;border-radius:6px;box-shadow:0 6px 24px #0002;max-width:90vw;font-size:12px}.toast button{color:#fff}.toast button:hover{background:#ffffff20}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13172266;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.library-modal{background:#fff;width:660px;max-width:100%;max-height:85vh;padding:26px;border-radius:8px;box-shadow:0 15px 80px #0003;overflow:auto}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:9px;color:#9a9ca3}.modal-heading h2{font-size:22px;margin:7px 0 0}.library-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid #e6e6ec}.library-row>div{flex:1;min-width:0}.library-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.library-row small{display:block;font-size:10px;color:#8e909a;margin-top:6px}.template-symbol{display:grid;place-items:center;background:#fceaf2;color:#cf2575;width:42px;height:42px;border-radius:5px;flex-shrink:0}.library-list{margin-bottom:20px}.empty-library{padding:30px 0;color:#8b8d95}.stage-area .moveable-control-box{z-index:40!important}.login-page{min-height:100dvh;background:#f4f6f5;padding:28px}.login-form{width:min(100%,380px);margin:80px auto 0}.login-form h1{font-size:28px;margin:16px 0 28px}.login-form form,.login-form label{display:flex;flex-direction:column;gap:10px}.login-form form{gap:20px}.login-form input{width:100%;height:44px;background:#fff}.login-form .primary{justify-content:space-between;height:44px}.login-form p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.login-switch{margin-top:24px}.user-invite{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.user-invite input{flex:1;min-width:180px}.users-modal .library-row{display:flex;justify-content:space-between}.user-email{min-width:0;overflow-wrap:anywhere}.user-email small{display:block;margin-top:4px}.users-modal p{font-size:13px;line-height:1.5}@media(min-width:1700px){.workspace{grid-template-columns:250px minmax(200px,1fr) 310px}.stage-bottom{left:270px;right:330px}}@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(160px,1fr) 260px}.document-actions{gap:4px}.document-info input{max-width:210px}.topbar{padding:0 16px}.stage-bottom{left:200px;right:270px}.stage-ready,.overflow-label{display:none}.stage-bottom{justify-content:flex-end}.layer-row>.icon-button{min-width:18px;width:18px}.property-section{padding:13px}.insert-tools{gap:6px}.local-tag{display:none}}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh}.topbar{height:52px;padding:0 12px}.brand{gap:7px}.brand-logo{width:110px;height:24px}.brand strong{font-size:16px}.brand>span:last-child{font-size:11px}.brand-divider{margin:0}.top-actions button{font-size:0;gap:0;padding:8px}.document-bar{height:auto;min-height:98px;flex-wrap:wrap;padding:10px 12px;gap:8px}.document-info{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.document-info input{max-width:65%}.document-actions{width:100%;flex-wrap:wrap;justify-content:space-between;gap:1px}.document-actions>button{font-size:10px;padding:6px}.document-actions .icon-button{padding:0;min-width:27px;width:27px}.separator{margin:0 2px}.workspace{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:440px 540px;flex:none}.stage-area{grid-column:1/-1;grid-row:1;padding:42px 22px}.left-panel{grid-column:1;grid-row:2;border-top:1px solid #ddd}.right-panel{grid-column:2;grid-row:2;border-top:1px solid #ddd}.stage-label{left:15px;top:14px;font-size:9px;max-width:90%;overflow:hidden;white-space:nowrap}.stage-bottom{position:absolute;bottom:10px;left:10px;right:10px}.property-section{padding:10px}.inspector-tabs button{font-size:10px;padding:7px 4px;gap:4px}.layer-row>.icon-button{min-width:17px;width:17px}.layer-select{font-size:10px;gap:4px}.layer-list{padding:7px 3px}.canvas-summary{padding:12px}.two-columns{gap:0 6px}.font-entry{flex-wrap:wrap}.font-entry input{width:100%!important}.font-entry select{width:100%}.toast{bottom:12px;width:90%;font-size:11px}.library-modal{padding:16px}.library-row{gap:7px}.library-row>button{font-size:10px}.template-symbol{display:none}.color-field{padding:4px}.property-section .full{white-space:normal}.brand-mark{width:24px;height:26px;font-size:21px}}