.studio{color:#1d292b;background:#f6f4ef;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.studio *{box-sizing:border-box}.studio button{cursor:pointer;font:inherit}.studio-header{background:#fcfbf7;border-bottom:1px solid #d9ded7;justify-content:space-between;align-items:center;height:74px;padding:0 max(24px,50vw - 680px);display:flex}.studio-brand{color:#1b2d2d;letter-spacing:.07em;align-items:center;gap:11px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.studio-brand b{letter-spacing:0;border-left:1px solid #b8c3bb;padding-left:13px;font-size:14px}.studio-logo{color:#cb6d4b;font-size:32px;line-height:1}.studio-header nav{align-items:center;gap:30px;display:flex}.studio-header nav a{color:#58665f;font-size:13px;text-decoration:none}.studio-header nav button,.hero-actions button{color:#263528;background:#d6ed6a;border:0;border-radius:4px;padding:14px 18px;font-weight:700}.studio-header nav button span,.hero-actions button span{margin-left:20px}.studio-hero{background:#dfe6db;grid-template-columns:1fr 1fr;min-height:550px;display:grid;overflow:hidden}.hero-inner{justify-self:end;width:100%;max-width:790px;padding:78px 40px 45px max(28px,50vw - 680px)}.eyebrow{letter-spacing:.17em;color:#a55c44;font-size:11px;font-weight:800}.hero-inner h1{letter-spacing:-.075em;color:#173c36;margin:24px 0;font-size:clamp(50px,6vw,90px);line-height:1.01}.hero-inner h1 em{font-family:Georgia,serif;font-weight:400}.hero-inner p{color:#53655e;max-width:490px;font-size:17px;line-height:1.6}.hero-actions{align-items:center;gap:26px;margin:34px 0 46px;display:flex}.hero-actions a{color:#294239;border-bottom:1px solid;font-size:13px;text-decoration:none}.hero-stat{color:#66736d;letter-spacing:.03em;font-size:12px}.hero-stat strong{color:#263b32;font-size:18px}.hero-stat i{border-left:1px solid #93a39a;margin:0 15px}.hero-art{background:#41695d;min-height:550px;position:relative;overflow:hidden}.hero-art:before{content:"";border:1px solid #92ad9d80;border-radius:50%;width:610px;height:610px;position:absolute;top:-35%;left:27%}.hero-art:after{content:"";border:1px solid #92ad9d80;border-radius:50%;width:490px;height:490px;position:absolute;top:45%;left:41%}.art-note{letter-spacing:-.06em;color:#224439;z-index:1;background:#f8efe0;width:280px;height:366px;padding:40px 26px;font-size:42px;font-weight:900;line-height:1.03;position:absolute;top:11%;left:16%;transform:rotate(-8deg);box-shadow:0 24px 42px #183c3455}.art-note em{color:#d78362;font-family:Georgia,serif;font-size:33px;font-weight:400}.art-note span{letter-spacing:.15em;border-top:2px solid #30463e;margin-top:80px;padding-top:12px;font-size:9px;display:block}.art-card{z-index:2;background:#d9e96e;flex-direction:column;justify-content:space-between;width:290px;height:340px;padding:60px 24px 25px;display:flex;position:absolute;top:28%;left:48%;transform:rotate(9deg);box-shadow:0 24px 48px #183c3480}.art-card b{letter-spacing:-.08em;font-size:45px;line-height:.9}.art-card small{letter-spacing:.12em;font-size:10px}.art-sun{color:#f4c17f;font-size:100px;position:absolute;top:4%;right:10%}.trendy,.catalog{max-width:1360px;margin:auto;padding:68px 24px}.trendy{border-bottom:1px solid #d9ded7;grid-template-columns:220px 1fr;gap:35px;display:grid}.trendy h2,.catalog h2{letter-spacing:-.04em;margin:12px 0;font-family:Georgia,serif;font-size:32px}.trend-list{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.trend-list button{text-align:left;color:#263b34;background:#fff;border:1px solid #d9e0d8;border-radius:5px;flex-direction:column;justify-content:space-between;min-height:116px;padding:17px;font-size:13px;font-weight:700;display:flex}.trend-list button:hover,.template-card:hover{border-color:#a4b785;transform:translateY(-3px)}.trend-list button>span:last-child{align-self:flex-end}.trend-icon{color:#bd7655;font-size:24px}.catalog{padding-top:50px}.catalog-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.catalog h2{margin:10px 0;font-size:clamp(35px,4vw,56px)}.catalog h2 span{color:#c17b55}.catalog-heading p{color:#708078;margin:0;font-size:15px}.catalog-count{letter-spacing:.13em;color:#8b9b90;font-size:11px;font-weight:800}.search-row{gap:12px;margin-top:36px;display:flex}.search{color:#849188;cursor:text;background:#fff;border:1px solid #d7ded5;border-radius:5px;flex:1;align-items:center;padding:0 16px;font-size:23px;transition:border-color .18s,box-shadow .18s;display:flex}.search:focus-within{border-color:#496f60;box-shadow:0 0 0 3px #496f6024}.search input{width:100%;font:inherit;color:#1d292b;caret-color:#173c36;cursor:text;pointer-events:auto;background:0 0;border:0;outline:0;padding:16px;font-size:14px}.search-row select{color:#3d5148;background:#fff;border:1px solid #d7ded5;border-radius:5px;width:230px;padding:0 12px}.quick-cats{gap:8px;padding:20px 0 28px;display:flex;overflow:auto}.quick-cats button{color:#52645a;white-space:nowrap;background:0 0;border:1px solid #d4dbd2;border-radius:30px;padding:10px 15px;font-size:12px}.quick-cats button.active{color:#fff;background:#243f37}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.template-card{text-align:left;background:#fff;border:1px solid #e0e4dc;border-radius:7px;min-width:0;padding:10px;transition:all .2s}.template-preview{border-radius:3px;height:285px;display:block;position:relative;overflow:hidden}.preview-page{transform-origin:50%;position:absolute;top:50%;left:50%;overflow:hidden}.template-caption{justify-content:space-between;align-items:center;gap:8px;padding:15px 5px 5px;display:flex}.template-caption b{white-space:nowrap;text-overflow:ellipsis;max-width:215px;font-size:15px;display:block;overflow:hidden}.template-caption small{color:#78867c;margin-top:6px;font-size:11px;display:block}.card-arrow{color:#63816d;font-size:22px}.empty-results{text-align:center;color:#667;padding:45px}.editor{background:#eef0ec;flex-direction:column;height:calc(100vh - 74px);min-height:650px;display:flex}.editor-top{background:#fff;border-bottom:1px solid #d8dfd8;align-items:center;gap:12px;height:62px;padding:0 18px;display:flex}.editor-top button{color:#33483b;background:#fff;border:1px solid #d9dfd9;border-radius:4px;padding:9px 12px}.editor-top button:disabled{opacity:.4}.editor-top input{color:#263c34;background:0 0;border:0;flex:1;min-width:100px;font-size:16px;font-weight:700}.editor-top .download{background:#cfe56a;border-color:#cfe56a;font-weight:700}.save-hint{color:#819086;margin-right:16px;font-size:11px}.editor-body{flex:1;grid-template-columns:78px 250px minmax(0,1fr) 265px;min-height:0;display:grid}.editor-rail{background:#233a36;flex-direction:column;gap:4px;padding:15px 4px;display:flex}.editor-rail button{color:#c2d1c6;background:0 0;border:0;justify-items:center;gap:5px;padding:13px 3px;font-size:10px;display:grid}.editor-rail button strong{font-size:22px;font-weight:400}.editor-rail button.active{color:#e5efb4;background:#405e53;border-radius:4px}.editor-panel,.properties{background:#fff;border-right:1px solid #dce3dd;padding:20px;overflow:auto}.editor-panel h2,.properties h2{margin:0 0 15px;font-family:Georgia,serif;font-size:22px}.editor-panel p,.properties p{color:#77877c;font-size:12px;line-height:1.55}.side-templates{grid-template-columns:1fr 1fr;gap:8px;display:grid}.side-templates button{text-align:left;background:#fff;border:1px solid #e1e5de;min-width:0;padding:5px}.side-templates .preview-page{transform-origin:50%}.side-templates span{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:11px;display:block;overflow:hidden}.side-templates small{color:#88958b;margin-top:3px;display:block}.panel-action{color:#253f34;background:#d4e978;border:0;border-radius:4px;width:100%;margin:8px 0;padding:14px;font-weight:700}.panel-action.subdued{background:#e9eee6}.element-grid,.swatch-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px;display:grid}.element-grid button{border:1px solid #ddd;border-radius:10px;height:70px}.swatch-grid button{border:1px solid #ccc;border-radius:4px;height:54px}.drop-input{text-align:center;color:#647b6b;border:2px dashed #c6d5c9;border-radius:6px;padding:35px 10px;font-size:13px}.drop-input small{margin-top:6px;display:block}.layer-list{gap:7px;display:grid}.layer-list>div{border:1px solid #e2e7df;border-radius:4px;align-items:center;display:flex}.layer-list>div.selected{background:#f1f6ed;border-color:#80a373}.layer-list button{color:#45584c;background:0 0;border:0;padding:8px 4px}.layer-list .layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.editor-workspace{flex-direction:column;min-width:0;display:flex}.workspace-bar{color:#647469;background:#f9faf7;border-bottom:1px solid #d9dfd9;align-items:center;gap:24px;height:44px;padding:0 18px;font-size:11px;display:flex}.canvas-area{background-color:#e8ebe7;background-image:radial-gradient(#bbc7bb 1px,#0000 1px);background-size:17px 17px;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:38px;display:flex;overflow:auto}.canvas-bounds{flex:none;position:relative;box-shadow:0 22px 50px #20352a35}.canvas-bounds .canvas-container{transform-origin:0 0}.zoom-bar{color:#52675a;background:#fafbf9;justify-content:center;align-items:center;gap:15px;height:43px;font-size:12px;display:flex}.zoom-bar button{background:0 0;border:0;font-size:22px}.properties{border-left:1px solid #dce3dd;border-right:0}.properties label{color:#5b6f60;margin:20px 0;font-size:12px;display:block}.properties label span{float:right}.properties input:not([type=color]):not([type=range]),.properties textarea,.properties select{width:100%;font:inherit;color:#26372e;background:#fff;border:1px solid #d8e0d6;border-radius:4px;margin-top:7px;padding:9px}.properties textarea{resize:vertical;height:84px}.properties input[type=color]{background:#fff;border:1px solid #d9e1d7;width:100%;height:38px;margin-top:8px;display:block}.properties input[type=range]{width:100%;margin-top:12px;display:block}.prop-buttons{flex-wrap:wrap;gap:6px;display:flex}.prop-buttons button{background:#fff;border:1px solid #d8e0d6;border-radius:4px;padding:8px 11px}.prop-type{letter-spacing:.12em;font-weight:700;color:#b87251!important}.delete-layer{color:#a94937;background:#f9e6df;border:0;border-radius:4px;margin-top:20px;padding:10px 14px}.studio-toast{color:#fff;background:#243e35;border-radius:5px;padding:12px 18px;font-size:13px;position:fixed;bottom:20px;right:25px}@media (max-width:1100px){.editor-body{grid-template-columns:65px 200px minmax(0,1fr)}.properties{display:none}.trendy{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:740px){.studio-header{padding:0 18px}.studio-header nav a{display:none}.studio-brand{font-size:11px}.studio-brand b{font-size:12px}.studio-hero{grid-template-columns:1fr}.hero-inner{padding:55px 24px}.hero-art{min-height:360px}.art-note{transform-origin:0 0;top:5%;left:10%;transform:scale(.7)rotate(-8deg)}.art-card{transform-origin:0 0;top:8%;left:42%;transform:scale(.75)rotate(9deg)}.trendy,.catalog{padding:45px 18px}.trend-list{grid-template-columns:repeat(2,1fr)}.catalog-count{display:none}.template-grid{grid-template-columns:repeat(2,1fr);gap:10px}.template-preview{height:190px}.search-row select{width:130px}.editor{height:calc(100vh - 74px)}.editor-body{grid-template-columns:55px minmax(0,1fr)}.editor-panel{display:none}.editor-rail button{font-size:9px}.canvas-area{padding:16px}.workspace-bar span:last-child,.save-hint{display:none}.editor-top{gap:4px;padding:0 6px}.editor-top button{padding:8px 5px;font-size:11px}.editor-top input{max-width:120px;font-size:12px}.editor-top .download{font-size:10px}}@media (max-width:460px){.template-grid{grid-template-columns:1fr 1fr}.template-preview{height:160px}.template-caption b{max-width:120px}.studio-header nav button{padding:10px;font-size:11px}.search-row{flex-direction:column}.search-row select{width:100%;height:45px}}.result-count{color:#6b7c70;margin:-7px 0 19px;font-size:12px}.load-more{color:#244333;background:#fff;border:1px solid #486959;border-radius:5px;margin:35px auto 5px;padding:13px 25px;font-weight:700;display:block}.load-more:hover{background:#edf4e6}.preview-page img{display:block}.layer-help{margin:-6px 0 12px!important}.layer-list>div{transition:border-color .15s,background .15s,opacity .15s,transform .15s}.layer-list>div[draggable=true]{cursor:grab}.layer-list>div[draggable=true]:active{cursor:grabbing}.layer-list>div.dragging{opacity:.45;transform:scale(.98)}.layer-grip{color:#9aa99f;letter-spacing:-3px;-webkit-user-select:none;user-select:none;padding-left:7px;font-size:15px}.canvas-bounds .canvas-container{will-change:transform}.canvas-bounds canvas{touch-action:none}.properties .prop-buttons button{color:#29443a;min-width:38px;min-height:34px;font-weight:700}.properties .prop-buttons button.active{color:#fff;background:#29443a;border-color:#29443a}.text-format-buttons button:nth-child(3){text-align:left}.text-format-buttons button:nth-child(4){text-align:center}.text-format-buttons button:nth-child(5){text-align:right}.color-control{grid-template-columns:54px 1fr;align-items:center;gap:9px;margin-top:7px;display:grid}.properties .color-control input[type=color]{width:54px;height:38px;margin:0;padding:2px}.color-control output{color:#41564a;background:#fff;border:1px solid #d8e0d6;border-radius:4px;padding:10px 9px;font-family:monospace;font-size:11px}.ai-connection{color:#567061;background:#f8faf5;border:1px solid #dce6d9;border-radius:7px;align-items:center;gap:8px;margin:12px 0 -4px;padding:8px 10px;font-size:10px;font-weight:800;display:flex}.ai-connection>span{background:#78a55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e8f1df}.ai-connection.checking>span,.ai-connection.running>span{background:#d2a34f;animation:1.1s ease-in-out infinite ai-pulse;box-shadow:0 0 0 3px #f8edd5}.ai-connection.error>span,.ai-connection.unconfigured>span{background:#c66f57;box-shadow:0 0 0 3px #f7e6df}.ai-orb.thinking{animation:1.1s ease-in-out infinite ai-pulse}.ai-suggestions button:disabled,.ai-composer button:disabled,.ai-composer input:disabled{cursor:not-allowed;opacity:.55}.ai-suggestions button:disabled:hover{background:#f6f8f3;border-color:#d6e2d4}.ai-message.result{background:#f5f8f1;border-radius:8px;padding:9px}.ai-message.result p{margin-top:2px!important}.ai-composer[aria-busy=true]{border-color:#9eb790;box-shadow:0 0 0 3px #e9f1e4}.ai-composer button:disabled{background:#668174}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.editor-top{z-index:3;gap:18px;height:70px;padding:0 22px;position:relative;box-shadow:0 1px #1e342b0a}.editor-top .back-button{color:#29483c;white-space:nowrap;background:0 0;border:0;padding-left:0;font-weight:700}.title-stack{flex:1;align-items:center;gap:10px;min-width:220px;display:flex}.title-stack input{max-width:280px}.save-hint{white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}.save-dot,.status-dot{background:#76a75e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #e9f1df}.top-actions{align-items:center;gap:7px;display:flex}.top-actions button{white-space:nowrap;min-height:38px}.top-actions .top-ai{color:#244b3b;background:#edf4e7;border-color:#365c4d;font-weight:800}.top-actions .top-brand{background:#f6f8f2;border-color:#d4dfce}.top-actions .download{padding-inline:18px}.editor-body{grid-template-columns:78px 296px minmax(0,1fr) 320px}.editor-rail{gap:3px;padding:13px 6px}.editor-rail button{border-radius:7px;min-height:62px;font-weight:700;transition:background .16s,color .16s,transform .16s}.editor-rail button:hover{color:#f2f7d3;background:#2f4d43;transform:translateY(-1px)}.editor-rail button strong{font-size:21px}.editor-panel,.properties{padding:22px 20px}.panel-heading,.prop-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-kicker{letter-spacing:.16em;color:#b16b50;font-size:9px;font-weight:900}.panel-heading h2,.prop-header h2{letter-spacing:-.035em;margin:5px 0 0;font-size:25px}.panel-count{color:#839187;margin-top:4px;font-size:11px}.panel-search{color:#9aaba0;background:#fbfcfa;border:1px solid #dce3dc;border-radius:7px;align-items:center;gap:8px;margin:18px 0 12px;padding:0 11px;font-size:21px;display:flex}.panel-search:focus-within{border-color:#7f9b81;box-shadow:0 0 0 3px #e5efe2}.panel-search input{width:100%;font:inherit;color:#30473b;background:0 0;border:0;outline:0;padding:11px 0;font-size:12px}.side-templates{gap:10px}.side-templates button{border-radius:7px;transition:all .15s}.side-templates button:hover{border-color:#9db38f;transform:translateY(-2px);box-shadow:0 8px 18px #29473614}.side-templates .template-preview{height:118px}.text-add-grid{gap:9px;margin-top:16px;display:grid}.text-add-grid .panel-action{text-align:left;background:#d6ed6a;border:1px solid #c9df5d;align-items:center;gap:12px;margin:0;padding:13px 14px;display:flex}.text-add-grid .panel-action.subdued{background:#f5f7f2;border-color:#e0e7de}.text-add-grid .panel-action>strong{color:#244438;text-align:center;width:26px;font-family:Georgia,serif;font-size:22px}.text-add-grid .panel-action span{font-size:12px;font-weight:800}.text-add-grid .panel-action small{color:#748379;margin-top:3px;font-size:10px;font-weight:400;display:block}.font-pairing,.library-note,.tip-card{background:#f7f9f4;border:1px solid #e1e8df;border-radius:8px;margin-top:18px;padding:13px}.font-pairing{grid-template-columns:1fr auto;gap:6px;font-size:11px;display:grid}.font-pairing>span{color:#6e7e72;grid-column:1/-1}.font-pairing b{font-family:Georgia,serif;font-size:15px;font-weight:400}.font-pairing button,.library-note button{color:#426d55;background:0 0;border:0;font-size:11px;font-weight:800}.element-cats{gap:6px;padding:5px 0 12px;display:flex;overflow:auto}.element-cats button{color:#637469;white-space:nowrap;background:#fff;border:1px solid #e1e7df;border-radius:30px;padding:7px 10px;font-size:10px}.element-cats button.active{color:#f0f5d5;background:#294b3e;border-color:#294b3e}.rich-elements{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.rich-elements button{color:#304d3f;background:#fbfcfa;border:1px solid #e0e7df;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:78px;transition:all .15s;display:flex}.rich-elements button:hover{background:#f3f8ed;border-color:#8fa986;transform:translateY(-2px)}.rich-elements button strong{color:#c2775a;font-family:Georgia,serif;font-size:26px;line-height:1}.rich-elements button span{color:#687a6e;font-size:10px}.library-note{align-items:center;gap:8px;display:flex}.library-note>span{color:#b36d50;font-size:22px}.library-note p{flex:1;margin:0;font-size:10px!important;line-height:1.3!important}.library-note b{color:#294b3f;margin-top:3px;display:block}.upload-glyph{color:#b77557;margin-bottom:8px;font-size:24px;display:inline-block}.asset-row{color:#8b998e;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.asset-row button{color:#446b55;background:0 0;border:0;font-size:11px;font-weight:800}.background-modes{gap:6px;margin:16px 0;display:flex}.background-modes button{color:#66766b;background:#fff;border:1px solid #dde6da;border-radius:5px;flex:1;padding:9px 3px;font-size:10px}.background-modes button.active{color:#f1f6db;background:#294b3e;border-color:#294b3e}.brand-card{color:#eef3d6;background:#294b3e;border-radius:9px;align-items:center;gap:10px;margin:15px 0;padding:14px;display:flex}.brand-mark{color:#2b4b3d;background:#d6ed6a;border-radius:8px;place-items:center;width:32px;height:32px;font-size:20px;display:grid}.brand-card b{font-size:12px;display:block}.brand-card small{color:#bdd0be;margin-top:4px;font-size:10px;display:block}.brand-status{color:#e5f1bc;border:1px solid #829a78;border-radius:30px;margin-left:auto;padding:4px 7px;font-size:9px}.brand-section{margin:20px 0}.section-label{color:#819087;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px;font-size:9px;font-weight:900;display:block}.brand-swatches{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.brand-swatches button{border:1px solid #dfe6df;border-radius:6px;height:54px;position:relative}.brand-swatches small{display:none}.brand-swatches button:hover small{z-index:2;color:#fff;background:#203c31;border-radius:3px;padding:4px;font-size:8px;display:block;position:absolute;bottom:-20px;left:0}.font-token{border:1px solid #e0e7df;border-radius:7px;align-items:center;gap:10px;margin:6px 0;padding:9px;display:flex}.font-token>span{text-align:center;color:#2e4c3e;width:30px;font-size:24px}.font-token b{color:#30493b;font-size:11px;display:block}.font-token small{color:#87948a;margin-top:3px;font-size:10px;display:block}.ai-intro{border-bottom:1px solid #e5eae4;gap:10px;padding:14px 0;display:flex}.ai-orb{color:#294b3e;background:#d6ed6a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.ai-intro b{color:#28483b;font-size:12px}.ai-intro p{margin:4px 0 0!important;font-size:11px!important}.ai-suggestions{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.ai-suggestions button{color:#446350;background:#f6f8f3;border:1px solid #d6e2d4;border-radius:30px;padding:8px 10px;font-size:10px}.ai-suggestions button:hover{background:#e9f1e2;border-color:#9bb491}.ai-thread{gap:10px;margin:14px 0 18px;display:grid}.ai-message{align-items:flex-start;gap:8px;display:flex}.ai-message span{color:#375c46;background:#e5efe0;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.ai-message p{color:#53665a;margin:3px 0 0!important;font-size:11px!important}.ai-message.user{justify-content:flex-end}.ai-message.user span{background:#d6ed6a}.ai-composer{background:#fbfcfa;border:1px solid #cfdccf;border-radius:8px;align-items:center;gap:6px;padding:5px;display:flex}.ai-composer input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px;font-size:11px}.ai-composer button{color:#eff4d9;background:#294b3e;border:0;border-radius:6px;width:32px;height:32px;font-size:17px}.ai-footnote{text-align:center;color:#97a399!important;margin-top:12px!important;font-size:10px!important}.workspace-bar{background:#fbfcfa;justify-content:space-between;height:50px;padding:0 20px}.workspace-meta,.workspace-tools{align-items:center;gap:14px;display:flex}.workspace-meta{color:#67786d}.workspace-meta>span{font-size:10px}.page-pill{color:#294b3e;background:#fff;border:1px solid #dce4dc;border-radius:5px;padding:7px 9px;font-size:10px;font-weight:800}.page-pill span{color:#9aa79e;font-weight:400}.workspace-tools button{color:#62736a;background:0 0;border:0;padding:7px 4px;font-size:10px}.workspace-tools button.active,.workspace-tools button:hover{color:#294b3e;font-weight:800}.canvas-area{position:relative}.canvas-area.show-safe-zone{background-color:#e4e9e3}.canvas-bounds{position:relative}.canvas-bounds .safe-zone{outline-offset:-7%;z-index:4;pointer-events:none;opacity:0;border:1px dashed #365f5073;outline:1px dashed #fff9;transition:opacity .2s;position:absolute;inset:7%}.show-safe-zone .safe-zone{opacity:1}.canvas-bounds .canvas-container{z-index:2;position:relative}.zoom-bar{justify-content:flex-start;gap:10px;padding:0 20px}.zoom-bar .fit-button{border:1px solid #dce5dc;border-radius:4px;margin-left:8px;padding:5px 8px;font-size:10px}.canvas-status{color:#829088;align-items:center;gap:7px;margin-left:auto;font-size:10px;display:flex}.prop-header>button{color:#9ba79e;background:0 0;border:0;font-size:22px;line-height:1}.inspector-tabs{border-bottom:1px solid #e1e7e0;gap:20px;margin:14px -20px 10px;padding:0 20px;display:flex}.inspector-tabs button{color:#8a988e;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 0;font-size:11px}.inspector-tabs button.active{color:#294b3e;border-bottom-color:#c77959;font-weight:800}.inspector-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inspector-row label{margin-top:14px}.inspector-section{margin:22px 0}.style-swatches{gap:7px;display:flex}.style-swatches button{border:1px solid #d5ded5;border-radius:50%;width:27px;height:27px}.inspector-actions{margin-top:20px}.quick-actions{gap:8px;display:grid}.empty-inspector{text-align:center;padding:28px 8px 18px}.empty-inspector>span{color:#af6b51;background:#edf4e8;border-radius:50%;place-items:center;width:46px;height:46px;margin:0 auto 12px;font-size:25px;display:grid}.empty-inspector b{color:#2c4b3d;font-size:12px;display:block}.empty-inspector p{margin:8px 0 0!important}.quick-actions>button{text-align:left;color:#315641;background:#f8faf6;border:1px solid #d9e4d8;border-radius:6px;padding:11px 12px;font-size:11px;font-weight:800}.quick-actions>button:hover{background:#edf4e6;border-color:#9bb88f}.tip-card{background:#fff8ec;border-color:#eee0c7}.tip-card b{color:#b36a4e;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.tip-card p{margin:7px 0 0!important;font-size:10px!important}.tip-card kbd{color:#6a5b46;background:#fff;border:1px solid #d7c9ae;border-bottom-width:2px;border-radius:3px;padding:1px 4px;font-family:inherit}.image-tools{gap:8px;display:grid}.image-placeholder{color:#738677;background:linear-gradient(135deg,#e8eee4,#f8f4e8);border-radius:8px;place-items:center;height:105px;font-size:30px;display:grid}.image-placeholder span{font-size:10px;display:block}.image-tools button{color:#355943;text-align:left;background:#fff;border:1px solid #d9e4d8;border-radius:5px;padding:10px;font-size:11px}.animate-panel{background:#f7faf4;border:1px solid #dfe8dc;border-radius:8px;padding:14px}.animate-preview{background:#d6ed6a;border-radius:6px;place-items:center;height:54px;margin-bottom:12px;font-size:26px;display:grid}.animate-panel p{margin:0 0 10px!important}.animate-panel button{text-align:left;color:#315641;background:#fff;border:1px solid #dbe5d9;border-radius:5px;width:100%;margin-top:6px;padding:9px;font-size:11px;display:block}.modal-backdrop{z-index:20;background:#12231d6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.resize-modal{background:#fcfbf7;border-radius:12px;width:min(560px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0c1d1752}.modal-close{color:#687a6e;background:0 0;border:0;font-size:24px;position:absolute;top:14px;right:16px}.resize-modal h2{color:#294b3e;margin:8px 0;font-family:Georgia,serif;font-size:30px}.resize-modal>p{color:#708077;margin:0 0 20px;font-size:13px}.resize-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.resize-grid button{text-align:left;color:#294b3e;background:#fff;border:1px solid #dae5d9;border-radius:8px;gap:6px;padding:14px;display:grid;position:relative}.resize-grid button:hover{background:#f4f8ee;border-color:#8fa987}.resize-grid strong{font-size:12px}.resize-grid span{color:#829088;font-size:10px}.resize-grid i{color:#c57858;font-style:normal;position:absolute;top:14px;right:14px}.custom-size{color:#77867c;margin-top:18px;font-size:11px;display:block}.custom-size>span{float:right;color:#b36c50}.custom-size div{gap:8px;margin-top:7px;display:flex}.custom-size input{background:#f4f5f1;border:1px solid #dfe5df;border-radius:5px;width:100%;padding:9px}.properties label{font-size:11px}.properties h2{font-size:24px}@media (max-width:1250px){.editor-body{grid-template-columns:70px 260px minmax(0,1fr) 280px}.editor-rail button{font-size:9px}.editor-panel,.properties{padding-inline:16px}}@media (max-width:1100px){.editor-body{grid-template-columns:65px 220px minmax(0,1fr)}.properties,.top-actions .top-brand{display:none}}@media (max-width:740px){.editor-body{grid-template-columns:55px minmax(0,1fr)}.editor-top{gap:8px;padding:0 10px}.title-stack{min-width:0}.title-stack input{max-width:120px}.top-actions{gap:3px}.top-actions button:nth-child(3),.top-actions button:nth-child(4),.top-actions button:nth-child(5),.workspace-tools button:first-child{display:none}.resize-grid{grid-template-columns:1fr}.editor-rail button{min-height:56px}.canvas-status{display:none}}.ai-composer input{color:#294b3e;caret-color:#294b3e;-webkit-text-fill-color:#294b3e;opacity:1}.ai-composer input::placeholder{color:#7b8980;-webkit-text-fill-color:#7b8980;opacity:1}.mobile-drawer-close,.mobile-drawer-backdrop{display:none}.save-hint.saving .save-dot,.canvas-status.saving .status-dot{background:#e1ad4e;animation:1s infinite studioPulse}.save-hint.error,.canvas-status.error{color:#a34837}.save-hint.error .save-dot,.canvas-status.error .status-dot{background:#c75f49;box-shadow:0 0 0 3px #f6ded8}@keyframes studioPulse{50%{opacity:.4;transform:scale(.8)}}.panel-empty,.panel-note{text-align:center;background:#fafbf8;border:1px dashed #d8e2d7;border-radius:7px;padding:12px}.asset-row small{color:#73847a}.asset-library{grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;display:grid}.asset-card{background:#fafbf8;border:1px solid #dce5dc;border-radius:7px;min-width:0;padding:6px}.asset-card>img{object-fit:cover;background:#edf0eb;border-radius:4px;width:100%;height:78px;display:block}.asset-card>span{color:#64756b;white-space:nowrap;text-overflow:ellipsis;margin:6px 1px;font-size:9px;display:block;overflow:hidden}.asset-card>div{gap:4px;display:flex}.asset-card button{color:#315642;background:#fff;border:1px solid #d6e1d5;border-radius:4px;flex:1;padding:6px 2px;font-size:8px;font-weight:700}.asset-card button:hover{background:#edf4e8}.gradient-controls{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.gradient-controls label{color:#6d7e73;gap:6px;font-size:10px;display:grid}.gradient-controls input{background:#fff;border:1px solid #d8e2d7;border-radius:6px;width:100%;height:44px}.background-assets{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.background-assets>button{background:#f7f9f5;border:1px solid #dae3d9;border-radius:6px;height:66px;padding:3px;overflow:hidden}.background-assets img{object-fit:cover;border-radius:3px;width:100%;height:100%}.panel-note{margin-top:10px!important;font-size:10px!important}.layer-grip{color:#9ba99e;cursor:grab;padding-left:7px}.layer-list>div.dragging{opacity:.45;border-style:dashed}.layer-list button:disabled{opacity:.3;cursor:not-allowed}.page-controls{gap:5px}.page-controls>button{color:#385648;background:#fff;border:1px solid #dce4dc;border-radius:5px;width:26px;height:28px}.page-controls>button:disabled{opacity:.35;cursor:not-allowed}.page-controls>span{margin-left:8px}.page-pill{appearance:auto;max-width:118px}.crop-controls{background:#f8faf5;border:1px solid #dce5da;border-radius:7px;gap:8px;padding:10px;display:grid}.crop-controls label{margin:0}.crop-controls label span{float:right}.crop-controls input{width:100%}.image-tools>small{color:#819086;font-size:9px;line-height:1.45}.image-tools button.active,.animate-panel button.active{color:#f2f6dd;background:#294b3e;border-color:#294b3e}.modal-primary{color:#29473b;background:#d6ed6a;border:0;border-radius:6px;width:100%;margin-top:12px;padding:12px;font-weight:800}.custom-size input{color:#263c34;background:#fff}.export-modal label{color:#5f7166;margin:14px 0;font-size:11px;display:block}.export-modal select{color:#29473b;background:#fff;border:1px solid #d9e3d8;border-radius:6px;width:100%;margin-top:7px;padding:10px;display:block}.export-check{align-items:center;gap:8px;display:flex!important}.export-check input{width:16px;height:16px}.export-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0;display:grid}.export-grid button{text-align:left;color:#294b3e;background:#fff;border:1px solid #d9e4d8;border-radius:8px;padding:14px}.export-grid button:hover{background:#f4f8ee;border-color:#8ea886}.export-grid strong,.export-grid span{display:block}.export-grid strong{font-size:13px}.export-grid span{color:#819086;margin-top:4px;font-size:10px}@media (max-width:1100px){.properties{z-index:16;width:min(330px,100vw - 65px);transition:transform .2s;display:block;position:fixed;top:74px;bottom:0;right:0;transform:translate(105%);box-shadow:-18px 0 45px #182d2433}.properties.mobile-open{transform:translate(0)}.properties .prop-header>button{z-index:1;position:relative}.editor-body{grid-template-columns:65px 220px minmax(0,1fr)}}@media (max-width:740px){.editor-panel{z-index:15;width:min(330px,100vw - 55px);transition:transform .2s;display:block;position:fixed;top:144px;bottom:0;left:55px;transform:translate(-110%);box-shadow:18px 0 45px #182d2433}.editor-panel.mobile-open{transform:translate(0)}.mobile-drawer-close{color:#738278;background:0 0;border:0;margin-left:auto;font-size:24px;display:block}.mobile-drawer-backdrop{z-index:14;background:#14271f47;border:0;display:block;position:fixed;inset:144px 0 0 55px}.properties{width:min(330px,100vw - 55px);top:144px}.workspace-bar{gap:5px;height:auto;min-height:50px;padding:8px}.workspace-meta>span{display:none}.workspace-tools{gap:6px}.workspace-tools button{font-size:9px}.page-controls{flex-wrap:wrap}.page-pill{max-width:105px}.save-hint{display:none!important}.top-actions .download{display:block!important}.top-actions>button:not(.download){display:none!important}.editor-top .back-button{max-width:70px;overflow:hidden}.asset-library{grid-template-columns:1fr 1fr}}@media (max-width:460px){.title-stack input{max-width:90px}.editor-top .back-button{font-size:0}.editor-top .back-button:after{content:"←";font-size:18px}.export-grid{grid-template-columns:1fr}.resize-modal{padding:24px 18px}.page-controls>button:nth-of-type(4),.page-controls>button:nth-of-type(5){display:none}}