:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#353e3b;background:#faf8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:14px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #1a9889;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0}input,textarea{width:100%;min-width:0;outline:none}textarea{resize:vertical}button,input,textarea{transition:background .2s,border-color .2s,box-shadow .2s}::selection{background:#ffe0e7}h1,h2,h3,p{margin:0}.studio-page{max-width:1220px;margin:auto;padding:0 44px}.site-header{height:97px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e6e0}.brand{display:flex;align-items:center;gap:11px}.brand img{border-radius:12px}.brand>span{display:flex;align-items:baseline;gap:14px}.brand strong{font-size:23px;font-weight:800;letter-spacing:3px}.brand small{font-size:11px;letter-spacing:2px;color:#89918a}.header-badge{font-size:11px;letter-spacing:.4px;color:#627d75;display:flex;align-items:center;gap:7px}.header-badge>span{width:6px;height:6px;background:#37aa97;border-radius:50%}.hero{position:relative;min-height:256px;display:flex;align-items:center;justify-content:space-between;padding:37px 9px 36px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.6px;color:#ae747f;margin-bottom:16px}.hero h1{font-size:43px;line-height:1.45;letter-spacing:1px;font-weight:700}.pink-text{color:#df6989;position:relative;display:inline-block}.underline{position:absolute;bottom:2px;left:2px;width:100%;height:8px;border-top:3px solid #f0b9c6;border-radius:50%;transform:rotate(-2deg)}.hero-description{color:#89928b;font-size:13px;line-height:1.9;margin-top:13px;letter-spacing:.8px}.mobile-break{display:none}.hero-art{width:264px;height:192px;position:relative;margin-right:32px}.art-orbit{position:absolute;top:16px;right:8px;bottom:0;left:8px;background:#f3eae7;border-radius:50%;transform:rotate(-12deg)}.art-paper{width:139px;height:166px;position:absolute;left:67px;top:1px;padding:20px;background:#fffefb;border:1px solid #ede3dc;box-shadow:0 9px 15px #6d574d0a;transform:rotate(10deg);border-radius:5px;color:#e38a9e}.art-label{font-size:5px;color:#89988e;letter-spacing:1.1px;display:block;margin-bottom:15px}.art-paper>svg{margin:0 0 7px 3px;fill:#f8dce3;stroke-width:1.5}.art-paper i,.empty-paper i{height:3px;background:#e6e8df;width:100%;display:block;border-radius:3px;margin:8px 0}.art-paper i:nth-of-type(2){width:70%}.paper-sign{font-family:Georgia,serif;font-style:italic;font-size:13px;display:block;margin-top:12px;text-align:right;color:#b48e85}.art-note{position:absolute;bottom:5px;left:13px;display:flex;align-items:center;gap:9px;background:#dfeee5;color:#568370;padding:12px 16px;border-radius:5px;transform:rotate(-6deg);font-size:10px;letter-spacing:.4px;box-shadow:0 5px 12px #6688750c}.art-spark{position:absolute;z-index:1}.art-spark-one{top:23px;left:20px;font-size:26px;color:#daae64}.art-spark-two{right:6px;bottom:44px;font-size:30px;color:#9fb8a3}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}.brief-panel,.result-panel{background:#fffefd;border:1px solid #e9e7df;border-radius:18px;overflow:hidden;box-shadow:0 5px 25px #59554303}.panel-heading{display:flex;gap:12px;align-items:center;padding:25px 26px 23px;border-bottom:1px solid #f0eee7}.step-number{width:30px;height:30px;display:grid;place-items:center;flex:none;border-radius:9px;background:#fceef1;color:#cb7b8e;font-size:12px;font-family:Georgia,serif}.step-number.green{color:#528b78;background:#e9f2eb}.panel-heading h2{font-size:16px;letter-spacing:.4px;font-weight:650}.panel-heading p{font-size:11px;color:#929990;margin-top:7px;line-height:1.5}.heading-icon{margin-left:auto;color:#c3c9bc;stroke-width:1.4}.brief-panel form{padding:23px 26px 20px}.form-fields{display:grid;gap:20px}.field-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}.field-heading label{font-size:12px;font-weight:600;color:#576159}.field-heading>span{font-size:10px;color:#a3a89f;font-variant-numeric:tabular-nums}.field input,.field textarea{background:#fafaf7;border:1px solid #e8ebe3;border-radius:9px;padding:12px 13px;font-size:13px;line-height:1.6;color:#424e46}.field input{height:45px}.field textarea{min-height:98px;max-height:250px;display:block}.field input:focus,.field textarea:focus{border-color:#83bfae;background:#fff;box-shadow:0 0 0 3px #29a38b0c}.field input:disabled,.field textarea:disabled{color:#8b958d;opacity:1}.field input::placeholder,.field textarea::placeholder{color:#a6ada4}.quota-card{background:#f0f6f0;border:1px solid #e8efe6;border-radius:10px;padding:13px 14px;margin-top:22px;color:#657e6e}.quota-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:11px}.quota-top strong{font-size:17px;color:#357e65;margin:0 3px;font-weight:700}.quota-card p{font-size:10px;line-height:1.6;color:#809383;margin-top:5px}.quota-dots{display:flex;gap:5px}.quota-dots i{width:7px;height:16px;background:#dce6da;border-radius:3px}.quota-dots i.available{background:#6da48a}.quota-card.exhausted{background:#faf3ee;border-color:#f0e7df}.quota-card.exhausted .quota-top strong{color:#a47861}.quota-retry{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;color:#a05a62;line-height:1.6;margin-top:8px}.quota-retry button{display:flex;align-items:center;gap:4px;flex:none;background:#fff;color:#527866;border-radius:5px;padding:5px 8px}.generate-button{width:100%;height:49px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;background:#e77492;color:#fff;font-size:13px;font-weight:600;letter-spacing:.6px;margin-top:16px;box-shadow:0 4px 10px #d65a7c14}.generate-button:hover:not(:disabled){background:#dc6686;box-shadow:0 5px 14px #d65a7c25}.generate-button>svg:last-child{margin-left:5px}.generate-button:disabled{background:#d5d8cf;box-shadow:none;color:#fff}.generation-hint{text-align:center;color:#a0a699;font-size:10px;margin-top:12px;line-height:1.6}.result-panel{display:flex;flex-direction:column;background:linear-gradient(145deg,#fffefd,#fdfdf8)}.result-panel .panel-heading{flex-wrap:wrap}.result-count{color:#90998e;font-size:10px;flex-basis:100%;padding-left:42px;margin-top:-4px;font-variant-numeric:tabular-nums}.empty-result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:448px;text-align:center;padding:30px 20px}.empty-art{position:relative;width:185px;height:180px;margin-bottom:22px}.empty-circle{position:absolute;width:160px;height:160px;background:#f1f4ec;border-radius:50%;top:12px;left:8px}.empty-paper{position:absolute;width:112px;height:140px;padding:21px 16px;left:38px;top:18px;background:#fffefa;border:1px solid #e1e7d9;border-radius:6px;transform:rotate(-8deg);box-shadow:3px 8px 12px #5f735408}.empty-paper>svg:first-child{color:#d799a5;fill:#fae8ec;stroke-width:1.3;margin-bottom:4px}.empty-paper i{height:3px;background:#e5ebdf;margin:9px 0}.empty-paper i:nth-of-type(2){width:76%}.empty-paper i:nth-of-type(4){width:60%}.empty-paper>svg:last-child{position:absolute;bottom:12px;right:-22px;width:55px;height:55px;color:#73927c;stroke-width:1.2;transform:rotate(-4deg)}.empty-star{position:absolute;right:11px;top:7px;color:#dfbd7c;font-size:25px}.empty-result h3{color:#74816f;font-size:15px;font-weight:500;letter-spacing:.4px}.empty-result p{color:#9aa293;font-size:12px;line-height:1.95;margin-top:13px;white-space:pre-line}.empty-label{display:flex;align-items:center;gap:6px;border:1px solid #e7eadf;border-radius:20px;padding:7px 12px;color:#9ca58f;font-size:9px;margin-top:26px;letter-spacing:.7px}.mobile-arrow{display:none}.result-footnote{margin:0 26px;padding:18px 0;border-top:1px dashed #e7e8dd;color:#a1a794;font-size:10px;text-align:center;line-height:1.6}.editor-wrap{padding:23px 26px 0;flex:1;display:flex}.editor-wrap textarea{border:0;background:transparent;color:#465342;line-height:2.05;font-size:14px;min-height:375px;resize:vertical;border-radius:5px}.editor-wrap textarea:focus{box-shadow:0 0 0 3px #5eaa8714}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 26px}.result-actions>span{display:flex;align-items:center;gap:5px;font-size:10px;color:#929d87}.copy-button{display:flex;align-items:center;gap:7px;padding:11px 17px;border-radius:8px;background:#e4f0e8;color:#437f65;font-size:12px;font-weight:600}.copy-button:hover:not(:disabled){background:#d8eadd}.copy-button:disabled{opacity:.45}.notice{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);width:max-content;padding:13px 18px;border-radius:12px;z-index:10;box-shadow:0 6px 30px #36514515;font-size:12px;line-height:1.7;border:1px solid}.notice svg{flex:none}.notice.success{background:#eff8f1;color:#457d5b;border-color:#d6e9d8}.notice.error{background:#fff1f3;color:#ad4d63;border-color:#f5d2db}.notice.error>span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ad4d63;color:#fff;flex:none;font-weight:700;font-size:11px}footer{padding:31px 0 29px;text-align:center;color:#959e90;font-size:10px}footer>span{display:flex;align-items:center;justify-content:center;gap:7px;letter-spacing:1.2px}footer svg{color:#dca4b0}footer p{font-size:9px;letter-spacing:.3px;color:#afb4a8;margin-top:10px}.spinner{width:17px;height:17px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}.is-writing .empty-paper{animation:writing 2s ease-in-out infinite}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes writing{50%{transform:translateY(-6px) rotate(-5deg)}}@media(min-width:1500px){.studio-page{max-width:1290px}.hero{min-height:275px}.workspace{gap:28px}.form-fields{gap:22px}}@media(max-width:850px){.studio-page{padding:0 25px}.hero h1{font-size:35px}.hero-art{margin-right:0;transform:scale(.85);transform-origin:right center;width:224px}.workspace{gap:16px}.panel-heading{padding:21px 20px;gap:9px}.brief-panel form{padding:21px 20px 18px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:10px}.heading-icon{display:none}.editor-wrap{padding:20px 20px 0}.result-actions{padding:20px}.result-footnote{margin:0 20px}.empty-result h3{font-size:13px}.empty-result p{font-size:11px}.hero-description{font-size:12px}}@media(max-width:640px){.studio-page{padding:0 18px}.site-header{height:76px}.brand{gap:9px}.brand img{width:35px;height:35px}.brand strong{font-size:20px;letter-spacing:2px}.brand>span{gap:3px;flex-direction:column}.brand small{font-size:8px;letter-spacing:1px}.header-badge{font-size:10px;gap:5px}.hero{min-height:218px;padding:29px 4px 28px;overflow:hidden}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:11px;gap:5px}.hero h1{font-size:30px;line-height:1.45;letter-spacing:1px;position:relative;z-index:1}.hero-description{font-size:11px;line-height:1.9;margin-top:12px;letter-spacing:0}.mobile-break{display:block}.hero-art{width:130px;height:170px;position:absolute;right:-3px;top:28px;transform:scale(.64);transform-origin:right center}.art-paper{left:-39px}.art-orbit{width:210px;left:-106px}.art-note{left:-94px;bottom:-8px;font-size:11px;white-space:nowrap}.art-spark-one{left:-96px;top:2px}.art-spark-two{right:9px;bottom:28px}.workspace{grid-template-columns:1fr;gap:18px}.brief-panel,.result-panel{border-radius:16px}.panel-heading{padding:20px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:10px}.heading-icon{display:block}.brief-panel form{padding:21px 20px 18px}.form-fields{gap:19px}.field-heading label{font-size:12px}.field-heading>span{font-size:10px}.field input,.field textarea{font-size:16px;padding:11px 12px}.field input{height:47px}.field textarea{min-height:108px}.quota-card{margin-top:19px}.quota-top{font-size:11px}.quota-card p{font-size:10px}.generate-button{height:49px;font-size:13px}.generation-hint{font-size:9px}.empty-result{min-height:310px;padding:20px}.empty-art{transform:scale(.78);margin:-12px 0 0}.empty-result h3{font-size:14px}.empty-result p{font-size:11px;margin-top:10px}.empty-label{margin-top:17px;font-size:9px}.result-footnote{padding:15px 0;font-size:9px}.editor-wrap textarea{min-height:410px;font-size:16px;line-height:1.9}.result-panel{scroll-margin-top:18px}.result-count{padding-left:39px}.result-actions>span{font-size:10px}.copy-button{padding:12px 19px}.notice{bottom:calc(16px + env(safe-area-inset-bottom));font-size:12px;padding:12px 15px}footer{padding:26px 0 calc(28px + env(safe-area-inset-bottom));font-size:9px}footer p{font-size:8px;line-height:1.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}