body.auth-checking .studio-header,body.auth-checking #dashboard,body.auth-checking #workspace,body.auth-mode .studio-header,body.auth-mode #dashboard,body.auth-mode #workspace{display:none!important}
.login-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fbfaf5}.login-story{background:#e8edde;padding:12vh 10%;display:flex;flex-direction:column;justify-content:center}.login-story h1{font:62px/1.1 Georgia,serif;letter-spacing:-1px;margin:35px 0}.login-story h1 em{color:#8b967c;font-weight:normal}.login-story p{color:#788370;font-size:13px}.login-note{margin-top:70px;color:#9ba18e;font-size:8px;letter-spacing:2px}.login-card{width:380px;max-width:calc(100% - 44px);margin:auto}.login-card .brand-mark{display:block;margin-bottom:28px}.login-card h2{font-size:31px}.login-card p{font-size:12px;margin:15px 0}.login-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin:20px 0}.login-card input{height:44px}.login-card small{font-size:10px;display:block;text-align:center;margin-top:22px}.login-card .primary{height:44px}.account-badge{width:34px;height:34px;border-radius:50%;border:1px solid #c6ceb9;background:#edf0e5;color:var(--green);font:17px Georgia,serif}.editor-mode{overflow:hidden}.editor-mode>.studio-header{display:none}.editor-mode .editor-layout{height:calc(100dvh - 60px);min-height:0}.editor-mode .workspace-top{height:60px;min-height:60px}.editor-mode .design-toolbar{padding:9px 14px}.editor-mode .canvas-label{padding:9px 20px}.editor-mode .design-column{height:auto;min-height:0}.editor-mode #app{min-height:0}.editor-mode #status-bar{height:24px;padding:4px 16px}.editor-mode #bottom-panel{padding:4px 14px}.editor-mode .sheet-bottom{padding:3px 14px;font-size:9px}.editor-mode .filmstrip-bar{min-height:88px;padding:9px 15px}.editor-mode .filmstrip-bar.collapsed{display:none}.tool-rail{width:68px;flex:0 0 68px;background:#fbfcf6;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:10px 6px;gap:6px;z-index:10;overflow-y:auto}.rail-tool{width:54px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;border-radius:6px;background:none;color:#819078;font-size:8px;letter-spacing:.15px;flex-shrink:0}.rail-tool svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.rail-tool.active{color:var(--green);background:#e7ecdf}.rail-tool:hover{background:#eef1e7}.rail-spacer{flex:1}.editor-mode .library-sidebar{width:254px;padding:0 16px 18px;background:#fffefa;transition:width .15s}.editor-mode .library-sidebar.collapsed{display:none}.library-panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin:0 -16px 15px;padding:14px 16px}.library-panel-title h3{font:18px Georgia,serif}.library-panel-title button{font-size:19px;padding:0 5px}.library-tabs{display:none}.library-scopes{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin:12px 0}.library-scopes button{flex:1;background:transparent;border:0;border-right:1px solid var(--line);padding:9px 5px;font-size:10px;color:var(--muted)}.library-scopes button:last-child{border:0}.library-scopes button.active{background:#edf1e5;color:var(--green)}.shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shape-card{border:1px solid var(--line);border-radius:5px;background:#f9faf5;color:#748567;padding:14px 5px 9px;display:flex;align-items:center;gap:7px;flex-direction:column;font-size:9px}.shape-card svg{width:40px;height:34px;fill:#c9d2bb;stroke:#8e9d7e;stroke-width:1}.shape-card:hover{border-color:#96a585;background:#eff2e7}.shape-options{margin:18px 0}.shape-options label{font-size:10px;display:flex;gap:8px;align-items:center;color:var(--muted);margin:9px 0}.draw-shape-box{background:#eef2e7;padding:12px;border-radius:6px;font-size:11px;margin:12px 0}.draw-shape-box button{margin:8px 0 0;font-size:10px}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.asset-card{min-width:0}.asset-card>button{border:1px solid var(--line);border-radius:5px;padding:8px;width:100%;background:white;color:var(--ink)}.asset-card img{width:100%;height:85px;object-fit:contain;background:repeating-conic-gradient(#f3f3ed 0% 25%,white 0% 50%) 0/12px 12px}.asset-card small{display:block;font-size:9px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:6px}.asset-card .publish-asset{font-size:9px;padding:4px;border:0;background:none;color:var(--green)}.asset-upload-box{padding:11px;background:#f0f3e9;border:1px dashed #cad3bc;border-radius:5px;text-align:center;font-size:10px;margin:15px 0}.asset-upload-box button{font-size:10px;width:100%}.asset-upload-box p{font-size:9px;color:var(--muted);margin-top:6px}.font-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.font-choice{padding:12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:20px}.font-choice small{display:block;font:9px 'Segoe UI',sans-serif;color:var(--muted);margin-top:4px}.font-choice.selected{border-color:#94a37e;background:#f1f4e9}#fontSearch,#assetSearch{width:100%;margin:5px 0;font-size:11px}.text-presets{display:flex;flex-direction:column;gap:7px;margin:12px 0}.text-presets button{background:#f0f3e7;border:1px solid #dce3cf;border-radius:5px;padding:10px;color:var(--green);font-family:Georgia,serif}.text-presets button:first-child{font-size:23px}.text-presets button:nth-child(2){font-size:17px}.text-presets button:last-child{font-size:12px}.editor-mode #right-panel{position:relative;display:none;flex:0 0 280px;width:280px;top:auto;right:auto;bottom:auto;height:100%;box-shadow:none;background:#fffefa;z-index:9;overflow:hidden;flex-direction:column}.editor-mode #right-panel.open{display:flex}.editor-mode #right-panel .numeric-controls{flex:0 1 auto;max-height:46%;overflow-y:auto;padding:13px 15px}.editor-mode #right-panel .panel-tabs{flex-shrink:0;display:flex;background:#f7f9f1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.editor-mode #right-panel .panel-tab{flex:1;font-size:11px;padding:12px 8px;text-align:center;color:#8c957f;cursor:pointer;border-bottom:2px solid transparent}.editor-mode #right-panel .panel-tab.active{color:var(--green);border-bottom-color:var(--green);background:transparent}.editor-mode #right-panel .panel-content{display:none;min-height:0;overflow-y:auto;padding:14px;flex:1}.editor-mode #right-panel .panel-content.active{display:block}.editor-mode #right-panel #effects-panel.active{display:flex;flex-direction:column}.editor-mode #effectCardsContainer{flex:1}.property-section{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.property-section label{font-size:10px;display:flex;align-items:center;gap:7px;margin:9px 0}.property-section small{font-size:9px;color:var(--muted);line-height:1.5;display:block}.property-section .secondary{font-size:10px;padding:8px;width:100%;margin:5px 0}.property-section select{padding:6px;font-size:10px;width:100%}.crop-float{position:fixed;z-index:35;width:268px;background:#fffefa;border:1px solid #d4dcc8;border-radius:9px;box-shadow:0 9px 32px #28352426;left:calc(50% - 134px);top:110px;overflow:hidden}.crop-float[hidden]{display:none!important}.crop-drag{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#edf2e4;color:var(--green);font-size:11px;cursor:grab;touch-action:none;user-select:none}.crop-drag span:before{content:'⠿';margin-right:8px;color:#9ba88a}.crop-drag button{font-size:18px;padding:0 4px}.crop-float #imageTransformControls{display:flex!important;flex-wrap:wrap;gap:6px;padding:10px 12px;border:0;background:transparent}.crop-float .transform-btn{border:1px solid var(--line);border-radius:4px;color:var(--green);background:white;width:26px;height:30px;font-size:15px;padding:0}.crop-float .crop-fields{padding:0 12px 12px}.range-pair{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:9px;align-items:center;margin:6px 0 13px}.range-pair input[type=range]{padding:0;width:100%;height:18px;accent-color:var(--green);border:0;background:transparent}.range-pair input[type=number]{font-size:10px;width:100%;padding:5px;border-radius:4px;text-align:center}.crop-fields label{font-size:10px;display:block;margin-top:6px}.new-effect-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.new-effect-option{background:#f4f6ee;border:1px solid #dfe5d5;border-radius:7px;padding:18px 12px;display:flex;flex-direction:column;gap:13px;align-items:center;color:var(--ink);font-size:11px}.effect-symbol{font:29px Georgia,serif;color:#889975}.effect-card-v2{border:1px solid #e1e7d8;border-radius:6px;margin:10px 0;background:#fff}.effect-card-heading{display:flex;gap:7px;align-items:center;padding:9px 10px;background:#f5f7ef;border-radius:6px 6px 0 0}.effect-card-heading strong{font-size:11px;flex:1;font-weight:600}.effect-card-heading button{padding:2px 4px;font-size:13px;border:0;background:none;color:#81916f}.effect-card-heading input{accent-color:var(--green)}.effect-card-fields{padding:10px}.effect-card-fields>label{font-size:10px;display:flex;align-items:center;justify-content:space-between;color:#7e8973;margin-bottom:3px}.effect-card-fields input[type=color]{width:36px;height:25px}.effect-card-v2.disabled .effect-card-fields{opacity:.45;pointer-events:none}.effect-card-v2.collapsed .effect-card-fields{display:none}.effect-card-v2 .range-pair{margin-bottom:9px}#addEffectBtn{background:var(--green);color:white!important;font-size:11px;flex-shrink:0;border:0;order:-1;margin:0 0 8px!important;border-radius:5px;padding:10px}#effectModal{display:none!important}.studio-table{border-collapse:collapse;width:100%;font-size:12px}.studio-table th{text-align:left;font-size:9px;font-weight:600;letter-spacing:1px;color:#89957c;border-bottom:1px solid var(--line);padding:11px}.studio-table td{padding:13px 11px;border-bottom:1px solid #ebeee3}.studio-table small{display:block;font-size:10px;color:var(--muted)}.role-tag{display:inline-block;border-radius:3px;background:#e9efdf;color:#657953;font-size:9px;padding:4px 7px}.table-scroll{overflow:auto;max-height:52dvh}.segmented{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:20px 0}.segmented button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 15px;font-size:12px}.segmented button.active{border-color:var(--green);color:var(--green)}.assignment-row{display:grid;grid-template-columns:1fr 200px 80px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.assignment-row small{display:block;font-size:10px;color:var(--muted)}.assignment-row select{font-size:11px;padding:8px}#assignmentsList{max-height:54dvh;overflow:auto}.project-assignee{font-size:9px;color:var(--muted);padding-top:7px}.library-search-label{font-size:10px;color:var(--muted)}.icon-action{background:transparent;border:1px solid var(--line);border-radius:5px;width:30px;height:30px;color:var(--green);font-size:14px}.workspace-actions{gap:8px}.toolbar-section{display:flex;align-items:center;gap:6px}.drawing-shape canvas{cursor:crosshair!important}.drawing-shape .canvas-label{color:#607947}.new-effect-grid .new-effect-option:disabled{opacity:.4}.assets-progress{font-size:10px;color:var(--muted);margin:8px 0}.editor-mode .design-toolbar #studioFrame,.editor-mode .design-toolbar #studioCircle,.editor-mode .design-toolbar #studioText{display:none}.library-sidebar .template-grid{margin-top:10px}.library-sidebar .template-card>span{font-size:11px}.editor-mode #main-content{width:100%}.editor-mode #canvas-area{padding:16px}.editor-mode #canvas-container{margin:0}.editor-mode .design-column{background:#e9ece3}.editor-mode .zoom-controls{position:absolute;display:flex;flex-direction:row;bottom:6px;right:10px}.role-admin-only[hidden]{display:none!important}
@media(max-width:1100px){.editor-mode .library-sidebar{width:225px}.editor-mode #right-panel{flex-basis:255px;width:255px}.workspace-actions .secondary{padding:8px}.tool-rail{flex-basis:60px;width:60px}.rail-tool{width:48px}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-story{padding:35px 25px;min-height:230px}.login-story h1{font-size:36px;margin:16px 0}.login-story h1 br:nth-child(2){display:none}.login-note{display:none}.login-card{margin:32px auto}.login-card .brand-mark{display:none}.login-card h2{font-size:27px}.editor-mode .editor-layout{height:calc(100dvh - 87px);min-height:0;flex-direction:row;position:relative}.editor-mode .workspace-top{height:87px;padding:7px 10px;align-content:center}.editor-mode .workspace-actions{width:100%;justify-content:flex-end;gap:6px}.editor-mode .workspace-actions #saveStatus{margin-right:auto}.tool-rail{flex:0 0 51px;width:51px;padding:8px 3px;gap:5px}.rail-tool{width:44px;min-height:53px;font-size:7px}.rail-tool svg{width:20px;height:20px}.editor-mode .library-sidebar{position:absolute;top:0;left:51px;bottom:0;width:245px;max-height:none;border-top:0;z-index:15;box-shadow:12px 0 24px #29352422}.editor-mode #right-panel{position:absolute;right:0;top:0;bottom:0;width:268px;max-width:calc(100% - 51px);z-index:18;box-shadow:-10px 0 24px #29352422}.editor-mode #right-panel .numeric-controls{max-height:44%}.editor-mode .design-toolbar{padding:8px;gap:5px;min-height:74px}.editor-mode .design-toolbar button{min-height:30px;font-size:9px}.editor-mode .canvas-label{padding:8px;font-size:7px;letter-spacing:.5px}.editor-mode .canvas-label>span:nth-child(2){display:none}.editor-mode #app{min-height:0;flex:1}.editor-mode .sheet-bottom>span{font-size:8px}.editor-mode .sheet-bottom button{padding:4px;font-size:8px}.editor-mode .filmstrip-bar{min-height:83px;padding:8px;gap:7px}.editor-mode #canvas-area{padding:8px}.editor-mode #status-bar{font-size:7px;padding:3px 8px}.editor-mode #bottom-panel{padding:4px 8px}.editor-mode .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-mode .template-grid{display:flex;flex-direction:column}.editor-mode .upload-zone{flex-direction:column;padding:12px;gap:4px}.new-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-row{grid-template-columns:1fr 130px;gap:8px}.assignment-row button{grid-column:2}.studio-table td,.studio-table th{padding:10px 6px}.crop-float{max-width:calc(100vw - 20px);width:260px}.editor-mode .background-control{font-size:0}.editor-mode #canvas-container{margin:0}}